Keyboard shortcuts

Every action you'll repeat has a shortcut. ⌥ (Option/Alt) toggles panels and modes; ⌘ (Cmd/Ctrl) runs actions on the selected element. Shortcuts are disabled while focus is in a text input, textarea, or contenteditable field, so they never fight with typing.

Panels and modes

Shortcut	Action
⌥C	Toggle element picker
⌥F	Toggle draw element mode
⌥E	Toggle Elements panel
⌥A	Toggle Animations panel
⌥B	Toggle responsive mode
⌥T	Focus chat input

Actions

Shortcut	Action
⌘Z	Undo
⌘⇧Z	Redo
⌘D	Duplicate selected element
Delete	Delete selected element
Escape	Deselect element / close panel / cancel picker

Elements panel navigation

These work when the Elements panel is open:

Shortcut	Action
↑	Move to previous visible node
↓	Move to next visible node
←	Collapse node, or move to parent
→	Expand node, or move to first child

Animations

These work when the Animations panel is focused:

Shortcut	Action
Space	Play / pause animation
←	Scrub to previous keyframe
→	Scrub to next keyframe

Multi-select

Shortcut	Action
Shift + click	Add or remove element from selection

On-page controls

Modifiers for the padding, gap, radius, rotate, and scale handles that appear on a selected element:

Shortcut	Action
Shift + drag padding handle	Adjust one side independently
Shift + drag rotate handle	Snap rotation to 45° increments
Shift + drag scale handle	Scale X and Y independently
Double-click handle	Reset radius / rotation / scale