Accelerate your design process by grouping elements together. Grouped elements move and behave together. With groups you can drag, resize, duplicate, arrange and align multiple elements more efficiently and any animation you apply affects the whole group. Check out this gif below.
Hold down Shift on your keyboard and select the elements you want to group
Click Group or use the shortcut Ctrl + G on your keyboard (Cmd key for Mac).
To ungroup the elements click Ungroup or use the shortcut Ctrl + Shift + G on your keyboard (Cmd key for Mac)
Tip: To easily select a single grouped element Hold down Ctrl (Cmd key for Mac) and click it. Note: You can use the Layers Panel to Detach elements from the group, by clicking on the group icon.
Thank you for this novelty! I was looking forward to this!
To go further, when we have several elements to group together, it would be easier to select them all directly on the “layers” part of the control panel. Can’t wait to see this in addition to the “group” option!
Stacking always you to create a relationship between elements, you can add vertical margins between two elements (typically the relationship is with the parent).
Grouping was created to facilitate the editing process of multiple elements at a time.
You should stack when you want to maintain a vertical distance between to elements that their height height might change dependkng on the viewport size.
Hi @guy-tadmor ,
If the elements are placed in a vertical layout (one above the other), you should have the option to both create a group and stack them.
As you can see in this example:
Hey Lily,
The difference between grouping and stacking:
Grouping was created to facilitate the editing process of multiple elements at a time. Grouped elements move and behave together, so you can drag, resize, duplicate, arrange and align multiple elements more efficiently.
You should stack when you want to maintain a vertical distance between two elements (typically the relationship is with the parent).
Stacking ensures that your elements stay in their vertical order on every screen size and in fact is a layouting tool, whereas grouping is an editing tool that lets you perform actions on multiple elements. Stacking allows you to create a relationship between elements, you can add vertical margins between two elements (typically the relationship is with the parent).
Stacking elements that are already in a group will automatically ungroup them and create a transparent container so they never overlap.
