Webflow Shortcut Keys – MacOS

Webflow Shortcut Keys

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.

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
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
Command+C – Copy
Command+X – Cut
Command+V – Paste
Hold Alt+Drag – Duplicate
Command+Z – Undo
Shift+Command+Z – Redo
Device views
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

Print Friendly, PDF & Email

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *