Hotkeys in Flex block

When working with Flex block, you can manage elements faster and more efficiently with hotkeys. Specifically, you can:
Clone and delete elements;
Change the position of elements on top of each other (z-index);
Change the alignment of elements in the block (move left/right, up/down, center, etc.);

Tip: You can learn more useful tips about Flex block in this article.

Above the image, you can see the numbered buttons to control the elements in the Flex block:
To duplicate an element, press Ctrl+D for Windows or ⌘+D for Mac.
To delete an item, press the Delete (⌫) key.
To align an element:
At the left edge (move an element to the left block boundary, press Alt+A for Windows or ⌥+A for Mac.
Center horizontally(move an element to the center horizontally) - press Alt+H for Windows or ⌥+H for Mac.
On the right edge (move an element to the right block boundary) - press Alt+D for Windows or ⌥+D for Mac.
At the top edge (move an element to the top block boundary), press Alt+W for Windows or ⌥+W for Mac.
Center vertically - press Alt+V for Windows or ⌥+V for Mac.
At the bottom edge - press Alt+S for Windows or ⌥+S for Mac.
To position an element:
In the foreground, press Ctrl+Alt+] for Windows or ⌘+⌥+] for Mac.
On the layer above, press Ctrl+] on Windows or ⌘+] on Mac.
On the layer below, press Ctrl+[ on Windows or ⌘+[ on Mac.
In the background, press Ctrl+Alt+[ on Windows or ⌘+⌥+[ on Mac.

Updated on: 01/05/2024