Learn Webflow keyboard shortcuts
Practice Webflow 2025 keyboard shortcuts with timed drills. Memorize all 34 hotkeys and keybindings faster through interactive exercises.
Top shortcuts
- Shift+Slash — Show shortcut cheatsheet
- Ctrl+Shift+S — Save as a snapshot
- Escape — Deselect or abort
- Delete — Delete element
- Shift+P — Show publish dialog
- Shift+E — Show export code dialog
- Enter — Edit element
- Ctrl+Shift+P — Preview mode
- Ctrl+Shift+G — Guide overlay
- Ctrl+Shift+E — Show element edges
- Ctrl+Shift+X — X-ray mode
- A — Show add panel
- Z — Show navigator tab
- P — Show pages panel
- Shift+A — Show symbols panel
- Ctrl+Shift+A — Make selected element a symbol
- J — Show asset manager
- S — Show style tab
- D — Show settings tab
- G — Show style manager tab
- H — Show interactions tab
- Ctrl+C — Copy
- Ctrl+X — Cut
- Ctrl+V — Paste
- Ctrl+Z — Undo
- Ctrl+Shift+Z — Redo
- 1 — Desktop
- 2 — Tablet
- 3 — Phone (landscape)
- 4 — Phone (portrait)
Other Design & Image apps
Related pages