Webflow Keyboard Shortcuts
General keyboard shortcuts
| shift + / | Show shortcut cheatsheet |
| shift + command + s | Save as snapshot |
| escape | Deselect |
| delete | Delete element |
| shift + p | Show publish dialog |
| shift + e | Show Export Code dialog |
| enter | Edit element |
View shortcuts
| shift + command + p | Preview mode |
| shift + command + g | Guide overlay |
| shift + command + e | Show element edges |
| shift + command + t | X-ray mode |
Left-hand toolbar shortcuts
| a | Show Add panel |
| p | Show Pages panel |
| shift + a | Show Symbols panel |
| shift + command + a | Make selected element a symbol |
| j | Show Asset Manager |
Right-hand toolbar shortcuts
| s | Show Style tab |
| d | Show Settings tab |
| f | Show Navigator tab |
| g | Show Style Manager Tab |
| h | Show Interactions tab |
Copy/paste shortcuts
| command + c | Copy |
| command + x | Cut |
| command + v | paste |
| hold alt then drag | Duplicate |
Undo/Redo shortcuts
| command + z | Undo |
| shift + command + z | Redo |
Device view shortcuts
| 1 | Show Desktop view |
| 2 | Show Tablet view |
| 3 | Show landscape phone view |
| 4 | Show portrait phone view |
Style panel shortcuts
| hold shift then drag | Margin / padding (all sides) |
| hold alt then drag | Margin / padding (top/bottom or left/right) |
| command + enter | Add class to selected element |
| shift + command + enter | Rename last class on selected element |
Other shortcuts
| hold alt then click on section | Expand/collapse panel sections |
| up or down | Select parent/child element |
| left or right | Select sibling element |
| alt + left or right | Select next/previous element |
| shift + command + l | Toggle Collaborators on selected element |
| command + e or command + k | Quick Find |