Webflow Cheat Sheet

A visual cheat-sheet for the 41 keyboard shortcuts found in Webflow

Also see

Keyboard Shortcuts


Shortcut Action
Alt (click) Expand or collapse panel sections
Up/Down Select parent or child element
Left/Right Select sibling element
Alt Left/Right Select next or previous element
Ctrl Shift L Toggle collaborators on selected element


Shortcut Action
Ctrl K Quick find

Style Panel

Shortcut Action
Shift (drag) Margin or padding (on all sides)
Alt (drag) Margin or padding (top and bottom, or left and right)
Ctrl Enter Add class to selected element
Ctrl Shift Enter Rename last class on selected element

Device View

Shortcut Action
1 Desktop
2 Tablet
3 Phone (landscape)
4 Phone (portrait)


Shortcut Action
Ctrl Z Undo
Ctrl Shift Z Redo


Shortcut Action
Ctrl C Copy
Ctrl X Cut
Ctrl V Paste
Alt (drag) Duplicate

Right-hand Tabs

Shortcut Action
S Show style tab
D Show settings tab
G Show style manager tab
H Show interactions tab

Left-hand Toolbar

Shortcut Action
A Show add panel
Z Show navigator tab
P Show pages panel
Shift A Show symbols panel
Ctrl Shift A Make selected element a symbol
J Show asset manager


Shortcut Action
Ctrl Shift P Preview mode
Ctrl Shift G Guide overlay
Ctrl Shift E Show element edges
Ctrl Shift X X-ray mode


Shortcut Action
Shift / Show shortcut cheatsheet
Ctrl Shift S Save as a snapshot
Esc Deselect or abort
Del Delete element
Shift P Show publish dialog
Shift E Show export code dialog
Enter Edit element