35 Shortcuts for Webflow (Windows)  [edit]

minimize Hide all  maximize Show all

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

▲ up

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

▲ up

minusplus3. Left-hand toolbar
A Show Add panel
P Show Pages panel
Shift+A Show Symbols panel
Ctrl+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
Ctrl+C Copy
Ctrl+X Cut
Ctrl+V Paste
Hold Alt+Drag Duplicate

▲ up

minusplus6. Undo/redo
Ctrl+Z Undo
Shift+Ctrl+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/14/2017