Webflow Keyboard Shortcuts
Speed up your Webflow development with Webflow keyboard shortcuts.
No spam, just weekly Webflow ♥ goodness.
General keyboard shortcuts
Show shortcut cheatsheet
Displays Webflow's shortcut cheatsheet in Webflow
Save as Snapshot/Backup
Quickly save a snapshot/backup of your Webflow site
Deselect Element/Exit
Deselect an element or exit prompts
Delete element
Deselect an element or exit prompts
Show Publish Dialog
Quickly show the Publish dialog window
Show Export Code Dialog
Quickly access the export code dialog window
Edit element
Quickly edit an element by selecting and pressing enter
View shortcuts
Preview mode
Quickly access Webflow's designer preview mode
Guide overlay
Toggle between guide overlay modes
Show element edges
Quickly show the elements edges
X-ray mode
Deselect an element or exit prompts
Show empty elements
Quickly show all empty elements on page
Left-hand toolbar shortcuts
Show Add panel
Display the add element panel
Show Navigator tab
Hide/display Navigator tab
Show Pages panel
Hide/display the Pages panel
Show Symbols panel
Hide/display Symbols panel
Convert selected element to Symbol
Quickly create a symbol from a selected element
Show Asset Manager
Quickly access Asset manager (images/files/etc)
Expand/collapse Navigator elements
Quickly access Asset manager (images/files/etc)
Show Logic panel
Quickly access the Logic panel
Show Audits panel
Quickly access Audits panel
Expand/collapse Audits panel
Quickly expand/collapse Audits panel
Expand/collapse nested page folders
Quickly expand/collapse nested page folders
Right-hand tabs shortcuts
Show Style tab
Change to the Style panel
Show Settings tab
Change to the Settings panel
Show Style Manager tab
Change to the Style manager panel
Show Interactions tab
Change to the Interactions panel
Copy/paste shortcuts
Copy element/item
Copy an element/item in Webflow
Cut element/item
Cut an element/item in Webflow
Paste element/item
Paste an element/item in Webflow
Duplicate element/item
Quickly duplicate an item/element in Webflow
Undo/redo shortcuts
Undo last action
Undo the last action performed in Webflow
Redo previous action
Redo a previous action
Device view shortcuts
Desktop view
Quickly switch to Desktop view in designer
Tablet view
Quickly switch to Tablet view in Designer
Phone (landscape) view
Quickly switch to Phone (landscape) view in Designer
Phone (portrait) view
Quickly switch to Phone (portrait) view in Designer
Style panel shortcuts
Margin / padding (all sides)
Quickly adjust all margin/padding on all 4 sides
Margin / padding (top/bottom or left/right)
Quickly adjust top/bottom or left/right margin or padding
Add class to selected element
Quickly add a class name to a selected element
Rename last class on selected element
Quickly rename last class on selected element
Other shortcuts
Open/close panel sections
Expand / collapse the panel sections
Select parent element
Quickly select the parent element
Select child element
Quickly select the child element
Select sibling element
Quickly select a sibling element
Select next / previous element
Quickly select the next or previous element
Toggle Collaborators on element
Toggle Collaborators on element
Quick find element
Quickly search/find elements on page