Hotkeys and shortcuts for Webflow (MacOS)

(Total 35)

Shift + /
General
Show shortcut cheatsheet
Shift + Command + S
General
Save as Snapshot
Esc
General
Deselect/Abort
Delete
General
Delete Element
Shift + P
General
Show Publish Dialog
Shift + E
General
Show Export Code Dialog
Shift + Command + P
View
Preview mode
Shift + Command + G
View
Grid overlay
Shift + Command + E
View
Show element edges
Shift + Command + X
View
X-ray mode
A
Left-hand toolbar
Show Add panel
P
Left-hand toolbar
Show Pages panel
Shift + A
Left-hand toolbar
Show Symbols panel
Command + Shift + A
Left-hand toolbar
Make selected element a Symbol
S
Right-hand tabs
Show Style tab
D
Right-hand tabs
Show Settings tab
F
Right-hand tabs
Show Navigator tab
G
Right-hand tabs
Show Style Manager tab
H
Right-hand tabs
Show Global Objects tab
J
Right-hand tabs
Show Asset Manager
Command + C
Copy/paste
Copy
Command + X
Copy/paste
Cut
Command + V
Copy/paste
Paste
Hold Alt + Drag
Copy/paste
Duplicate
Command + Z
Undo/redo
Undo
Shift + Command + Z
Undo/redo
Redo
1
Device views
Desktop
2
Device views
Tablet
3
Device views
Phone (landscape)
4
Device views
Phone (portrait)
Shift + Drag
Other
Margin / padding (all sides)
Alt + drag
Other
Margin / padding (top + bottom or left + right)
Arrow Up / Arrow Down
Other
Select parent / child element
Arrow Left / Arrow Right
Other
Select sibling element
Alt + Arrow Left / Arrow Right
Other
Select next / previous element