Grouping UI controls

Sometimes you might want to group some controls to better align them or move them all at once. To group a set of controls, select them and hit CTRL/+G on your keyboard or use the Group command in the Edit menu (Top Bar). The controls will change color to purple to indicate that they are grouped. Once grouped, the controls will behave as one when moving or aligning. To ungroup controls, press CTRL/+SHIFT+G on your keyboard or use the Ungroup command in the Edit menu.

You can double-click on a group to "enter it" and edit its contents. A small floating breadcrumb bar will indicate that you are editing a group and allow you to navigate back out of the group (you can also use ESC).

Groups can also be nested (i.e. a Group can contain another Group).


Our monthly emails will make you better at your job

Get our inside stories on product design, making things people love, and running a business built to last. Delivered once a month to your inbox.