Shortcuts

Use shortcuts to work in the Design editor faster and more efficiently.

To see a list of all available shortcuts, click on the question mark in the lower right corner and select Show shortcuts.

A panel will open at the bottom of the screen with shortcuts grouped by tab.

Name	Windows OS	Mac OS
Show/hide shortcuts	Ctrl + Shift + ?	⌃Ctrl + ⇧Shift + ?
Show/hide preview	Ctrl + \	⌘Cmd + \
Show/hide outlines	Shift + O	⇧Shift + O
Show/hide hidden elements	Shift + H	⇧Shift + H
Show/hide margins and paddings on Canvas	Shift + L	⇧Shift + L
Show/hide empty elements	Shift + E	Shift + E
Show/hide element pointers	Shift + U	⇧Shift + U
Show/hide element label on Canvas	Shift + N	⇧Shift + N
Show/hide publish dialog	Shift + P	⇧Shift + P
Show/hide breadcrumbs	Shift + B	⇧Shift + B
Show/hide left panel	Shift + R	⇧Shift + R
Show Elements tab	Shift + 1	⇧Shift + 1
Show Layers tab	Shift + 2	⇧Shift + 2
Show Components tab	Shift + 3	⇧Shift + 3
Show Pages tab	Shift + 4	⇧Shift + 4
Show Pages tab	Shift + 4	⇧Shift + 4
Show Academy tab	Shift + 5	⇧Shift + 5
Show Collections tab	Shift + 6	⇧Shift + 6
Show Assets tab	Shift + 7	⇧Shift + 7
Show Design tab	Shift + 8	⇧Shift + 8
Show Settings tab	Shift + 9	⇧Shift + 9
Show Animations tab	Shift + 0	⇧Shift + 0
Change breakpoints	1 … 7	1 … 7
Expand/collapse style section	Alt + S	⌥ Option + S
Expand/collapse layers	Alt + Z	⌥ Option + Z

Name	Windows OS	Mac OS
Reset selected style	Shift + left mouse button click	⌥ Option + left mouse button click
Change margins and paddings (from all sides)	Shift + drag&drop	⇧Shift + drag&drop
Change margins and paddings (from opposite sides)	Alt + drag&drop	Option ⌥ + drag&drop
Resize a corner/edge (proportional)	Alt + drag&drop	Option ⌥ + drag&drop
Resize an edge (symmetrical)	Ctrl + Alt + drag&drop	⌘Cmd+ Option ⌥ + drag&drop
Expand/collapse all styles sections	Alt + S	Option ⌥ + S
Open color picker to select a color on Canvas	I	I
Undo changes	Ctrl + Z	⌘Cmd + Z
Redo changes	Ctrl + Shift + Z	⌘Cmd + Shift + Z
Save changes	Ctrl + S	⌘Cmd + S
Save changes and publish	Ctrl + Shift + S	⌘Cmd + ⇧Shift + S

Name	Windows OS	Mac OS
Copy	Ctrl + C	⌘Cmd + C
Paste	Ctrl + V	⌘Cmd + V
Cut	Ctrl + X	⌘Cmd + X
Duplicate	Alt + drag&drop	Option ⌥ + drag&drop
Duplicate with Selection (the newly created element is selected)	Ctrl + D	⌘Cmd + D

Name	Windows OS	Mac OS
Cancel selection/Undo action	Esc	Esc
Delete element	Delete	Delete
Select parent’s child element	Enter	Enter
Select parent element	\	\
Select next sibling	Alt + }	Option ⌥ + }
Select previous sibling	Alt + {	Option ⌥ + {
Wrap element in a div	Shift + A	⇧Shift + A
Deep selection (lowest element in the hierarchy)	Ctrl + left mouse button click	⌘Cmd + left mouse button click

Name	Windows OS	Mac OS
Create component	Ctrl + Alt + K	Option ⌥ + ⌘Cmd + K
Detach component	Ctrl + Alt + B	Option ⌥ + ⌘Cmd + B