Hotkeys and shortcuts for Webflow
(Total 57)
↑ Shift + / |
GeneralShow shortcut list |
↑ Shift + Ctrl + S |
GeneralSave as snapshot |
↑ Shift + ⌘ Cmd + S |
GeneralSave as snapshot (Mac) |
Esc |
GeneralDeselect / abort |
Del |
GeneralDelete element |
↑ Shift + P |
GeneralShow Publish dialog |
↑ Shift + E |
GeneralShow Export Code dialog |
⤶ Enter |
GeneralEdit element |
↑ Shift + Ctrl + P |
ViewPreview mode |
↑ Shift + ⌘ Cmd + P |
ViewPreview mode (Mac) |
↑ Shift + Ctrl + G |
ViewGuide overlay |
↑ Shift + ⌘ Cmd + G |
ViewGuide overlay (Mac) |
↑ Shift + Ctrl + E |
ViewShow element edges |
↑ Shift + ⌘ Cmd + E |
ViewShow element edges (Mac) |
↑ Shift + Ctrl + X |
ViewX-ray mode |
↑ Shift + ⌘ Cmd + X |
ViewX-ray mode (Mac) |
A |
Left hand toolbarShow Add panel |
P |
Left hand toolbarShow Pages panel |
↑ Shift + A |
Left hand toolbarShow Symbols panel |
Ctrl + ↑ Shift + A |
Left hand toolbarMake selected element a Symbol |
⌘ Cmd + ↑ Shift + A |
Left hand toolbarMake selected element a Symbol (Mac) |
J |
Left hand toolbarShow Asset Manager |
S |
Right hand tabsShow Style tab |
D |
Right hand tabsShow Settings tab |
F |
Right hand tabsShow Navigator tab |
G |
Right hand tabsShow Style Manager tab |
H |
Right hand tabsShow Interactions tab |
Ctrl + C |
Copy / pasteCopy |
⌘ Cmd + C |
Copy / pasteCopy (Mac) |
Ctrl + X |
Copy / pasteCut |
⌘ Cmd + X |
Copy / pasteCut (Mac) |
Ctrl + V |
Copy / pastePaste |
⌘ Cmd + V |
Copy / pastePaste (Mac) |
Alt + Mouse movement |
Style panelMargin / padding (top - bottom or left - right ) |
Control + Z |
Undo / redoUndo |
⌘ Cmd + Z |
Undo / redoUndo (Mac) |
↑ Shift + Ctrl + Z |
Undo / redoRedo |
↑ Shift + ⌘ Cmd + Z |
Undo / redoRedo (Mac) |
1 |
Device viewDesktop |
2 |
Device viewTablet |
3 |
Device viewPhone (landscape) |
4 |
Device viewPhone (portrait) |
↑ Shift + Mouse movement |
Style panelMargin / padding (all sides) |
Ctrl + ⤶ Enter |
Style panelAdd class to selected element |
⌘ Cmd + ⤶ Enter |
Style panelAdd class to selected element (Mac) |
Ctrl + ↑ Shift + ⤶ Enter |
Style panelRename last class on selected element |
⌘ Cmd + ↑ Shift + ⤶ Enter |
Style panelRename last class on selected element (Mac) |
Alt + Mouse left click |
OtherExpand / collapse panel sections |
↑ ↓ |
OtherSelect parent / child element |
← → |
OtherSelect sibling element |
Alt + ← → |
OtherSelect next / previous element |
Ctrl + ↑ Shift + L |
OtherToggle collaborators on selected element |
⌘ Cmd + ↑ Shift + L |
OtherToggle collaborators on selected element (Mac) |
Ctrl + E |
FindQuick find |
Ctrl + K |
FindQuick find |
⌘ Cmd + E |
FindQuick find (Mac) |
⌘ Cmd + K |
FindQuick find (Mac) |