keyboard shortcuts hotkeys productivity reference

Keyboard shortcuts

Master these shortcuts to work significantly faster in Site Designer. Most actions that require a menu click can be triggered from the keyboard.

File operations

Action	macOS	Windows
New project	`⌘N`	`Ctrl+N`
Open project	`⌘O`	`Ctrl+O`
Save	`⌘S`	`Ctrl+S`
Save As	`⌘⇧S`	`Ctrl+Shift+S`
Export	`⌘E`	`Ctrl+E`
Close project	`⌘W`	`Ctrl+W`
Quit	`⌘Q`	`Alt+F4`

Edit operations

Action	macOS	Windows
Undo	`⌘Z`	`Ctrl+Z`
Redo	`⌘⇧Z`	`Ctrl+Shift+Z`
Cut	`⌘X`	`Ctrl+X`
Copy	`⌘C`	`Ctrl+C`
Paste	`⌘V`	`Ctrl+V`
Duplicate element	`⌘D`	`Ctrl+D`
Delete element	`Del` or `Backspace`	`Del`
Select all	`⌘A`	`Ctrl+A`
Deselect	`Esc`	`Esc`

Canvas and view

Action	macOS	Windows
Zoom in	`⌘+`	`Ctrl++`
Zoom out	`⌘-`	`Ctrl+-`
Reset zoom to 100%	`⌘0`	`Ctrl+0`
Fit canvas to window	`⌘⇧0`	`Ctrl+Shift+0`
Preview in browser	`⌘P`	`Ctrl+P`
Toggle Live Preview	`⌘L`	`Ctrl+L`
Toggle rulers	`⌘R`	`Ctrl+R`
Toggle grid overlay	`⌘‘`	`Ctrl+‘`

Action	macOS	Windows
Toggle left sidebar	`⌘⇧[`	`Ctrl+Shift+[`
Toggle right sidebar	`⌘⇧]`	`Ctrl+Shift+]`
Switch to Style pane	`⌘1`	`Ctrl+1`
Switch to Content pane	`⌘2`	`Ctrl+2`
Switch to CSS pane	`⌘3`	`Ctrl+3`
Focus Outline panel	`⌘⇧O`	`Ctrl+Shift+O`
Focus Pages panel	`⌘⇧P`	`Ctrl+Shift+P`
Open project settings	`⌘,`	`Ctrl+,`

Text editing (when a text block is selected)

Action	macOS	Windows
Bold	`⌘B`	`Ctrl+B`
Italic	`⌘I`	`Ctrl+I`
Underline	`⌘U`	`Ctrl+U`
Insert link	`⌘K`	`Ctrl+K`
Select all text in block	`⌘A`	`Ctrl+A`
Exit text editing mode	`Esc`	`Esc`

Element selection on canvas

Action	macOS	Windows
Select parent element	`Esc`	`Esc`
Select child element	`↵ Enter`	`Enter`
Select next sibling	`Tab`	`Tab`
Select previous sibling	`⇧Tab`	`Shift+Tab`
Nudge element (1 px)	`↑ ↓ ← →`	`Arrow keys`
Nudge element (10 px)	`⇧↑ ⇧↓ ⇧← ⇧→`	`Shift+Arrow keys`