Learn Webflow Shortcuts for Windows
Most Used Webflow Shortcuts
| Action | Webflow Shortcuts |
|---|
| Show shortcut list | Shift + / |
| Save as snapshot | Ctrl + Shift + S |
| Deselect / abort | Esc |
| Delete element | Delete |
| Show Publish dialog | Shift + P |
| Show Export Code dialog | Shift + E |
| Edit element | Enter |
| Copy | Ctrl + C |
| Cut | Ctrl + X |
| Paste | Ctrl + V |
| Undo | Ctrl + Z |
| Redo | Ctrl + Shift + Z |
| Quick find | Ctrl + E |
| Expand / collapse panel sections | Alt + Left Mouse Click |
| Select parent / child element | Up & Down Arrow Key |
| Select sibling element | Left & Right Arrow Key |
| Select next element | Alt + Left Arrow Key |
| Select previous element | Alt + Right Arrow Key |
| Toggle collaborators on selected element | Ctrl + Shift + L |
View Shortcuts
| Action | Webflow Shortcuts |
|---|
| 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 Shortcuts
| Action | Webflow Shortcuts |
|---|
| Show Add panel | A |
| Show Pages panel | P |
| Show Symbols panel | Shift + A |
| Make selected element a Symbol | Ctrl + Shift + A |
| Show Asset Manager | J |
Right Hand Tabs Shortcuts
| Action | Webflow Shortcut Keys |
|---|
| Show Style tab | S |
| Show Settings tab | D |
| Show Navigator tab | F |
| Show Style Manager tab | G |
| Show Interactions tab | H |
Device View Shortcuts
| Action | Webflow Shortcut Keys |
|---|
| Desktop | 1 |
| Tablet | 2 |
| Phone (landscape) | 3 |
| Phone (portrait) | 4 |
Style Panel Shortcuts
| Action | Webflow Shortcut Keys |
|---|
| Margin / padding (all sides) | Shift + Left Mouse Click |
| Add class to selected element | Ctrl + Enter |
| Rename last class on selected element | Ctrl + Shift + Enter |
READ NEXT:
