Webflow Keyboard Shortcuts for Windows
General
Show shortcut cheatsheet
- Shift
- +
- /
Save as a snapshot
- Ctrl
- +
- Shift
- +
- S
Deselect or abort
- Esc
Delete element
- Del
Show publish dialog
- Shift
- +
- P
Show export code dialog
- Shift
- +
- E
Edit element
- Enter
View
Preview mode
- Ctrl
- +
- Shift
- +
- P
Guide overlay
- Ctrl
- +
- Shift
- +
- G
Show element edges
- Ctrl
- +
- Shift
- +
- E
X-ray mode
- Ctrl
- +
- Shift
- +
- X
Left-hand Toolbar
Show add panel
- A
Show navigator tab
- Z
Show pages panel
- P
Show symbols panel
- Shift
- +
- A
Make selected element a symbol
- Ctrl
- +
- Shift
- +
- A
Show asset manager
- J
Right-hand Tabs
Show style tab
- S
Show settings tab
- D
Show style manager tab
- G
Show interactions tab
- H
Copy/Paste
Copy
- Ctrl
- +
- C
Cut
- Ctrl
- +
- X
Paste
- Ctrl
- +
- V
Duplicate
- Alt
- +
- (drag)
Undo/Redo
Undo
- Ctrl
- +
- Z
Redo
- Ctrl
- +
- Shift
- +
- Z
Device View
Desktop
- 1
Tablet
- 2
Phone (landscape)
- 3
Phone (portrait)
- 4
Style Panel
Margin or padding (on all sides)
- Shift
- +
- (drag)
Margin or padding (top and bottom, or left and right)
- Alt
- +
- (drag)
Add class to selected element
- Ctrl
- +
- Enter
Rename last class on selected element
- Ctrl
- +
- Shift
- +
- Enter
Find
Quick find
- Ctrl
- +
- K
Other
Expand or collapse panel sections
- Alt
- +
- (click)
Select parent or child element
- Up/Down
Select sibling element
- Left/Right
Select next or previous element
- Alt
- +
- Left/Right
Toggle collaborators on selected element
- Ctrl
- +
- Shift
- +
- L
Webflow Keyboard Shortcuts for Mac
General
Show shortcut cheatsheet
- Shift
- +
- /
Save as a snapshot
- Cmd
- +
- Shift
- +
- S
Deselect or abort
- Esc
Delete element
- Del
Show publish dialog
- Shift
- +
- P
Show export code dialog
- Shift
- +
- E
Edit element
- Enter
View
Preview mode
- Cmd
- +
- Shift
- +
- P
Guide overlay
- Cmd
- +
- Shift
- +
- G
Show element edges
- Cmd
- +
- Shift
- +
- E
X-ray mode
- Cmd
- +
- Shift
- +
- X
Left-hand Toolbar
Show add panel
- A
Show navigator tab
- Z
Show pages panel
- P
Show symbols panel
- Shift
- +
- A
Make selected element a symbol
- Cmd
- +
- Shift
- +
- A
Show asset manager
- J
Right-hand Tabs
Show style tab
- S
Show settings tab
- D
Show style manager tab
- G
Show interactions tab
- H
Copy/Paste
Copy
- Cmd
- +
- C
Cut
- Cmd
- +
- X
Paste
- Cmd
- +
- V
Duplicate
- Alt
- +
- (drag)
Undo/Redo
Undo
- Cmd
- +
- Z
Redo
- Cmd
- +
- Shift
- +
- Z
Device View
Desktop
- 1
Tablet
- 2
Phone (landscape)
- 3
Phone (portrait)
- 4
Style Panel
Margin or padding (on all sides)
- Shift
- +
- (drag)
Margin or padding (top and bottom, or left and right)
- Alt
- +
- (drag)
Add class to selected element
- Cmd
- +
- Enter
Rename last class on selected element
- Cmd
- +
- Shift
- +
- Enter
Find
Quick find
- Cmd
- +
- K
Other
Expand or collapse panel sections
- Alt
- +
- (click)
Select parent or child element
- Up/Down
Select sibling element
- Left/Right
Select next or previous element
- Alt
- +
- Left/Right
Toggle collaborators on selected element
- Cmd
- +
- Shift
- +
- L