Groups

Multiple elements may be grouped together in a group to make them easier to work with in Editor mode. Elements that are grouped together will also move together for all users if they are marked draggable, rotatable, etc. It is typically useful to group elements together if they should always move with each other.

To create a group, first multi-select elements (either hold the Shift key, or drag a rectangle encompassing the elements you wish to select). Then create a group by right-clicking and selecting Create Group, or go to Element -> Create Group in the menu bar.

Once the group has been created, whenever you click to select any of the elements in the group, the entire group will be selected. Dragging the group to move it around will move all elements in the group. Anything you edit in the Advanced Properties panel while the group is selected will apply to all elements in the group. For example, you may want to make the group draggable. If you select the group and check Draggable in the Advanced Properties panel, all elements will get the draggable property.

You can also rename or hide the group to make them easier to work with in Editor Mode. Hiding a group only hides it in Editor Mode (it is not the same as making the elements invisible, which will completely hide them from all users).

If a group is marked Draggable, then whenever a user drags any element in the group, they will all move together as one unit. This helps if you need multiple elements that make up one logical thing.

📘

Selecting an Individual Element

Sometimes, you might want to adjust properties of one element in the group. You could ungroup, select the element, modify it, and then create the group again. An easier way to accomplish this is to just select the single element from the Layers Panel. You are able to select a single element from here without selecting the entire group.