Studio, Partners & Enterprise

Studio Editor: Keyboard Shortcuts

While building your client’s site on the Studio Editor, you can use keyboard shortcuts to work quickly and efficiently.

Use the Cmd key instead of the Ctrl key, and Option instead of Alt.

Shortcut	What it does
Ctrl + X	Cut
Ctrl + C	Copy
Ctrl + V	Paste
Ctrl + D or Alt + Drag	Duplicate an element
Delete / Backspace	Delete an element
Ctrl + Click	Select a child element
Alt + C	Place selected elements in a container
Alt + Shift + C	Remove the container around the elements
Alt + S	Stack the selected elements
Ctrl + ↑	Bring an element to the front
Ctrl + ↓	Send an element to the back
Ctrl + ↓	Move an element backward
Ctrl + ↑	Move an element forward
← ↑ → ↓	Move an element by 1px (i.e. Nudge) in a specific direction
Shift + ← Shift + → Shift + ↑ Shift + ↓	Move an element by 10px in a specific direction
Esc	Deselect an element
Ctrl + Drag / Resize	Disable the auto-docking while resizing or moving an element
Shift + Resize	Resize an element while maintaining its original proportions
Alt + Resize	Resize an element from its center point
Shift + Drag	Drag an element in a straight line, along a horizontal or vertical axis
Alt + Shift + Drag	Duplicate an element and drag the new element in a straight line along a horizontal or vertical axis
Select an element, then Alt + Hover	See the distance between the element you selected and the sibling element you're hovering over.

Shortcut	What it does
Ctrl + (+)	Zoom in
Ctrl + (-)	Zoom out
Ctrl + 0	Reset your view to actual size (100%)
Ctrl + .	Open and close side panels
Ctrl + I	Show or hide the Inspector panel
Ctrl + L	Show or hide the Layers panel
Ctrl + Alt + Z	Open the code side panel
Ctrl + /	Show or hide the Keyboard Shortcuts panel