Learn how to efficiently organize your design workplace by managing layers and groups. We'll guide you through viewing options to advanced grouping techniques, helping you create and maintain a structured design environment.
Viewing Layers
There are two ways to view your design layers:
- Layer List: Access from the left sidebar using the Layers tab.
- Timeline list: Access via:
- Timeline tab at the bottom of the left sidebar.
- Dragging up using the mouse cursor.
Note: Timeline is only available in Focus mode when working with sets.
Basic Group Operations
Creating Groups
Select multiple layers and group them using:
- Properties bar icon.
- Keyboard shortcut: CMD / CTRL + G.
Ungrouping
Select group(s) and ungroup using:
- Properties bar icon.
- Keyboard shortcut: CMD / CTRL + SHIFT + G.
Group Hierarchy Rules
Level one grouping
When we select 4 layers and group them:
- It Creates Group 1 as a parent.
- Selected layers become children.
Nested grouping
When grouping layers within existing groups, in our example, layer 3 and 4, the following happens:
- Creates a new group as parent for selected layers.
- The new group becomes a child of the original group.
- Groups are automatically numbered sequentially.
Child grouping
When we select layer 2 and group 2, and group them together:
- Groups within groups act as single child elements.
- Group names increment regardless of nesting level.
Multi-level grouping
When grouping layers from different levels (let's take layer 2 and 3 from our previous example) and group them:
- New groups generate from different levels.
- Layer order takes priority over group level.
- Group names continue to increment sequentially.
Ungrouping behaviors
1. Single ungroup
- Dissolves the highest level group only.
- Maintains lower-level group structures.
2. Multiple ungroup
- The first ungroup dissolves the highest level.
- Subsequent ungroups dissolve the remaining groups sequentially.
- The final result returns to individual layers.
3. Multiple structure ungroup
- When ungrouping multiple structures simultaneously, it affects the highest level group in each structure.
š§ Note: Group structures maintain their hierarchy until explicitly ungrouped.