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+Ctrl+S – Save as Snapshot
Esc – Deselect/Abort
Delete – Delete Element
Shift+P – Show Publish Dialog
Shift+E – Show Export Code Dialog
View

Shift+Ctrl+P – Preview mode
Shift+Ctrl+G – Grid overlay
Shift+Ctrl+E – Show element edges
Shift+Ctrl+X – X-ray mode
Left-hand toolbar

A – Show Add panel
P – Show Pages panel
Shift+A – Show Symbols panel
Ctrl+Shift+A – Make selected element a Symbol
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

Ctrl+C – Copy
Ctrl+X – Cut
Ctrl+V – Paste
Hold Alt+Drag – Duplicate
Undo/redo

Ctrl+Z – Undo
Shift+Ctrl+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