In this tutorial, you will learn how to group elements, manage them, and ungroup them when necessary. This will help you work with multiple elements at once and keep your layout organized.

Contents:

How to group elements

Actions with a group of elements

Actions with elements within a group

How to ungroup elements

How to group elements

1. Select the necessary elements: drag the mouse over the area containing them or hold down Shift and click on each desired element.

2. Click on the three dots in the menu that appears and select the Group option:

Actions with a group of elements

A group of elements will behave similarly to individual elements with absolute positioning.

You can move it within the block, change its alignment, layer relative to other elements and groups, etc. For more information on basic actions with absolute elements within a Flex block, see our article.

Actions with elements within a group

To access the settings for a specific individual element in a group, double-click on it.

You will have access to the usual settings for the corresponding element, and you will also be able to change its size, position, and alignment within the group.

How to ungroup elements

To ungroup elements, click on the group you want and click on the three dots. In the menu, you will see the Ungroup option:

Updated on: 08/22/2025