Search here from 700+ software's shortcuts

Webflow Shortcut Keys

Webflow Shortcut Keys Download PDF

Webflow Shortcut Keys

Webflow offers designers and builders the strength to layout, construct, and launch responsive websites visually, even as writing smooth, semantic code for you.

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

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

Ctrl+C – Copy
Ctrl+X – Cut
Ctrl+V – Paste
Hold Alt+Drag – Duplicate

Ctrl+Z – Undo
Shift+Ctrl+Z – Redo
Device views

1 – Desktop
2 – Tablet
3 – Phone (landscape)
4 – Phone (portrait)

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

Print Friendly, PDF & Email
Tags: Webflow Hotkeys, Webflow Keyboard Shortcuts, Webflow Shortcut Keys 2017, Webflow Shortcuts
0 0 votes
Article Rating
Notify of
Inline Feedbacks
View all comments

Webflow Shortcut Keys Download PDF

Time to read: 1 min