macOS – Webflow Shortcut Keys
macOS – Webflow Shortcut Keys
Webflow Shortcut Keys for macOS
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
Shift+Command+P – Preview mode
Shift+Command+G – Grid overlay
Shift+Command+E – Show element edges
Shift+Command+X – X-ray mode
A – Show Add panel
P – Show Pages panel
Shift+A – Show Symbols panel
Command+Shift+A – Make selected element a Symbol
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
Command+C – Copy
Command+X – Cut
Command+V – Paste
Hold Alt+Drag – Duplicate
Command+Z – Undo
Shift+Command+Z – Redo
1 – Desktop
2 – Tablet
3 – Phone (landscape)
4 – Phone (portrait)
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
macOS – Webflow Shortcut Keys PDF
