Learning these shortcuts can save you a lot of time in the long run. Are you searching the Webflow Keyboard Shortcuts?
If you’re interested in Webflow Keyboard Shortcuts this is the right place for you. There are many keyboard shortcuts that can save you time and energy when you are working on Webflow.
Table of Contents
General
Shift+/ | Show shortcut cheatsheet |
Shift+Ctrl+S | Save as Snapshot |
Esc | Deselect/Abort |
Delete | Delete Element |
Shift+P | Show Publish Dialog |
Shift+E | Show Export Code Dialog |
View
Shift+Ctrl+P | Preview mode |
Shift+Ctrl+G | Grid overlay |
Shift+Ctrl+E | Show element edges |
Shift+Ctrl+X | X-ray mode |
Left-hand toolbar
A | Show Add panel |
P | Show Pages panel |
Shift+A | Show Symbols panel |
Ctrl+Shift+A | Make selected element a Symbol |
Right-hand tabs
S | Show Style tab |
D | Show Settings tab |
F | Show Navigator tab |
G | Show Style Manager tab |
H | Show Global Objects tab |
J | Show Asset Manager |
Copy/paste
Ctrl+C | Copy |
Ctrl+X | Cut |
Ctrl+V | Paste |
Hold Alt+Drag | Duplicate |
Undo/redo
Ctrl+Z | Undo |
Shift+Ctrl+Z | Redo |
Device views
1 | Desktop |
2 | Tablet |
3 | Phone (landscape) |
4 | Phone (portrait) |
Other
Shift+Drag | Margin / padding (all sides) |
Alt+ drag | Margin / padding (top + bottom or left + right) |
Arrow Up/Arrow Down | Select parent / child element |
Arrow Left/Arrow Right | Select sibling element |
Alt+Arrow Left/Arrow Right | Select next / previous element |
Using This Webflow Keyboard Shortcuts can help you be more productive.
So next time you’re sitting at your computer, take a few minutes to learn some of these essential keyboard shortcuts – your future self will thank you!
Was this article helpful?
YesNo