Groups are sets of objects that are treated as single objects. Elements in the group retain all their properties, such as fills, borders, and effects. You can move, rotate, resize, change blending and opacity, as well as apply effects to a whole group.
To group selected objects use + , menu or use a Group button on the main toolbar.
To ungroup use , shortcut + + or Ungroup button on the main toolbar.
Group and Ungroup icons in the toolbar
Alternatively, you can use the context menu to Group and Ungroup objects.
Selecting elements within the group
When clicking on a group, the first click selects the whole group, the second click goes further into the hierarchy and selects objects inside.
You can select elements inside the group in the Layers panel like you can any other object. If the group is collapsed, click the arrow next to the group name to expand it.
Checking the Click-through this element check box in the Inspector panel allows a single click to select an element within the group for changes. This can be useful if you have to make multiple changes to elements of a group.
Frame mode
Using a drop-down in the Inspector panel, groups can change between:
- Group mode (default): resizing the group stretches all its elements
- Frame mode: individual elements will resize or move depending on their anchoring properties. See the section on anchoring for more details. Note: when a group has been switched to frame mode, the group bounding box also acts as a clipping area. Frame mode can be very useful for making responsive UI elements.
If you set the anchoring properties for any element within a group, the group will automatically change to frame mode.