Webflow Keyboard Shortcut Cheat Sheet
A cheat sheet of 41 keyboard shortcuts in Webflow
General
| Action | Mac Shortcut | Win Shortcut |
|---|---|---|
| Show shortcut cheat sheet | Shift + / |
Shift + / |
| Save as snapshot | Cmd + Shift + S |
Ctrl + Shift + S |
| Deselect or abort | Esc |
Esc |
| Delete element | Del |
Del |
| Show publish dialog | Shift + P |
Shift + P |
| Show export code dialog | Shift + E |
Shift + E |
| Edit element | Enter |
Enter |
View
| Action | Mac Shortcut | Win Shortcut |
|---|---|---|
| Preview mode | Cmd + Shift + P |
Ctrl + Shift + P |
| Guide overlay | Cmd + Shift + G |
Ctrl + Shift + G |
| Show element edges | Cmd + Shift + E |
Ctrl + Shift + E |
| X-ray mode | Cmd + Shift + X |
Ctrl + Shift + X |
Left Toolbar
| Action | Mac Shortcut | Win Shortcut |
|---|---|---|
| Show add panel | A |
A |
| Show navigator tab | Z |
Z |
| Show pages panel | P |
P |
| Show symbols panel | Shift + A |
Shift + A |
| Make selected element a symbol | Cmd + Shift + A |
Ctrl + Shift + A |
| Show asset manager | J |
J |
Right Tabs
| Action | Mac Shortcut | Win Shortcut |
|---|---|---|
| Show style tab | S |
S |
| Show settings tab | D |
D |
| Show style manager tab | G |
G |
| Show interactions tab | H |
H |
Copy & Paste
| Action | Mac Shortcut | Win Shortcut |
|---|---|---|
| Copy | Cmd + C |
Ctrl + C |
| Cut | Cmd + X |
Ctrl + X |
| Paste | Cmd + V |
Ctrl + V |
| Duplicate | Alt + (drag) |
Alt + (drag) |
Undo & Redo
| Action | Mac Shortcut | Win Shortcut |
|---|---|---|
| Undo | Cmd + Z |
Ctrl + Z |
| Redo | Cmd + Shift + Z |
Ctrl + Shift + Z |
Device Views
| Action | Mac Shortcut | Win Shortcut |
|---|---|---|
| Desktop | 1 |
1 |
| Tablet | 2 |
2 |
| Phone (horizontal) | 3 |
3 |
| Phone (vertical) | 4 |
4 |
Style Panel
| Action | Mac Shortcut | Win Shortcut |
|---|---|---|
| Margin or padding (all sides) | Shift + (drag) |
Shift + (drag) |
| Margin or padding (top & bottom, or left & right) | Alt + (drag) |
Alt + (drag) |
| Add class to selected element | Cmd + Enter |
Ctrl + Enter |
| Rename last class of selected element | Cmd + Shift + Enter |
Ctrl + Shift + Enter |
Find
| Action | Mac Shortcut | Win Shortcut |
|---|---|---|
| Quick find | Cmd + K |
Ctrl + K |
Others
| Action | Mac Shortcut | Win Shortcut |
|---|---|---|
| Expand or collapse panel section | Alt + (click) |
Alt + (click) |
| Select parent or child element | Up/Down |
Up/Down |
| Select sibling element | Left/Right |
Left/Right |
| Select next or previous element | Alt + Left/Right |
Alt + Left/Right |
| Toggle collaborator on selected element | Cmd + Shift + L |
Ctrl + Shift + L |