Webflow Shortcut Keys

Webflow offers designers and builders the strength to layout, construct, and launch responsive websites visually, even as writing smooth, semantic code for you.

General
Shift+/ – Show shortcut cheatsheet
Shift+Command+S – Save as Snapshot
Esc – Deselect/Abort
Delete – Delete Element
Shift+P – Show Publish Dialog
Shift+E – Show Export Code Dialog
View
Shift+Command+P – Preview mode
Shift+Command+G – Grid overlay
Shift+Command+E – Show element edges
Shift+Command+X – X-ray mode
Left-hand toolbar
A – Show Add panel
P – Show Pages panel
Shift+A – Show Symbols panel
Right-hand tabs
S – Show Style tab
D – Show Settings tab
F – Show Navigator tab
G – Show Style Manager tab
H – Show Global Objects tab
J – Show Asset Manager
Copy/paste
Command+C – Copy
Command+X – Cut
Command+V – Paste
Hold Alt+Drag – Duplicate
Undo/redo
Command+Z – Undo
Shift+Command+Z – Redo
Device views
1 – Desktop
2 – Tablet
3 – Phone (landscape)
4 – Phone (portrait)
Other
Shift+Drag – Margin / padding (all sides)
Alt+ drag – Margin / padding (top + bottom or left + right)
Arrow Up/Arrow Down – Select parent / child element
Arrow Left/Arrow Right – Select sibling element
Alt+Arrow Left/Arrow Right – Select next / previous element