Wixel: Managing layers in your design
4 min
In this article
- Using the Layers panel
- Grouping elements
- Ungrouping elements
- FAQs
The Layers panel in Wixel allows you to manage all the elements in your design. It shows how elements are stacked, enabling you to stay organized by reordering, locking, or deleting layers effortlessly.
Using the Layers panel
- Go to your project in Wixel.
- Click the Layers icon
at the top right. - Choose what you want to do:
- Reorder layers: Drag and drop elements in the panel to change their stacking order.
- Lock layers: Click the Lock icon next to an element to keep it at the same layer.
- Additional actions: Click the More Actions icon
next to a frame to access additional options:
- Duplicate frame: Creates a copy of the selected frame.
- Delete frame: Permanently removes the frame and its contents.
- Rename frame: Gives the frame a custom name for better organization.
- Move backward/ forward: Adjusts the frame’s position in the stack.
Grouping elements
Grouping elements makes it easier to organize your design and move, resize, or edit multiple elements at once. You can group any combination of elements, such as text, images, or shapes. The selected elements become a single group, which appears as a group in the Layers panel.
To group elements:
- Go to your project in Wixel.
- Hold the Shift key and select the relevant elements.
- Click Group Elements at the top.
Tip: You can also press Ctrl + G / Cmd + G in your keyboard to group the elements.
Ungrouping elements
Ungroup elements at any time to return to managing elements individually. This doesn't remove the elements from your project, it only breaks apart the group they were in.
To ungroup elements:
- Go to your project in Wixel.
- Select the relevant group and click Ungroup Elements.
Tip: You can also press Ctrl + Shift + G (PC) / Cmd + Shift + G (Mac) in your keyboard to quickly ungroup.
FAQs
Click a question to learn more about layering in Wixel.
Can I change the position of an element as I am working with it?
I can't find an element on my design. Where has it gone?
How do I re-order frames?
