Resize, move, rotate, select elements
All the elements in Flex have the same resize, move & rotate functionality that can be manually applied to the element frame.
As an alternative, the same functionality can be performed from an element’s settings, by using the Sizes and Positions section where the numbers can be tweaked to achieve a certain effect.
When the element is in focus, it will get a frame with 8 handles around it. This means that the element is now interactive and can be resized. The functionality is very standard here. If you hold the Shift key while resizing, it will keep the element’s proportions. At the top left corner of the block you will always see the element’s actual size.
When the element is in focus and you hover the mouse over it, the cursor will turn into a hand, indicating that you can move the element. You can also move the element by using the keyboard arrows.
When the element is in focus, it will get an additional line and handle at the top of it that allows you to rotate the element. Additionally, the angle option are available within the block settings and can be helpful when you need to replicate the same angle for a second or third element.
Multi-select for Elements
Need to move, delete, or duplicate several elements at once? Now you can easily do it with the Multi-Select option. Hold on to your Command (Ctrl for PC users) key while selecting the needed elements, by clicking on them. Move them around, as shown in the example below.
Alternatively, you can select an area on your screen with your mouse, and all elements located in that area will be selected and marked with a blue frame (see example below).
To select all elements at once, press Command + A keys.
Clicking on a selected element while holding your Command key will deselect it.
Building out a layout that requires copying the same section, again and again? Select all the elements you need and click on the Duplicate option on your right sidebar. Or delete multiple elements at once.