35 Shortcuts for Webflow (MacOS)  [edit]

minusplus1. 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

▲ up

minusplus2. View
Shift+Command+P Preview mode
Shift+Command+G Grid overlay
Shift+Command+E Show element edges
Shift+Command+X X-ray mode

▲ up

minusplus3. Left-hand toolbar
A Show Add panel
P Show Pages panel
Shift+A Show Symbols panel
Command+Shift+A Make selected element a Symbol

▲ up

minusplus4. 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

▲ up

minusplus5. Copy/paste
Command+C Copy
Command+X Cut
Command+V Paste
Hold Alt+Drag Duplicate

▲ up

minusplus6. Undo/redo
Command+Z Undo
Shift+Command+Z Redo

▲ up

minusplus7. Device views
1 Desktop
2 Tablet
3 Phone (landscape)
4 Phone (portrait)

▲ up

minusplus8. 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

▲ up


Uploaded by SarthakMenpara, updated on 7/16/2017