Webflow CHEAT SHEET

A visual cheat-sheet for the 41 keyboard shortcuts found in Webflow

Sections

Cards

#Keyboard Shortcuts

General

{.shortcuts}

View

{.shortcuts}

Left-hand Toolbar

Shortcut	Action
`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

{.shortcuts}

Right-hand Tabs

{.shortcuts}

Copy/Paste

{.shortcuts}

Undo/Redo

Shortcut	Action
`Ctrl` `Z`	Undo
`Ctrl` `Shift` `Z`	Redo

{.shortcuts}

Device View

{.shortcuts}

Style Panel

Shortcut	Action
`Shift` `(drag)`	Margin or padding (on all sides)
`Alt` `(drag)`	Margin or padding (top and bottom, or left and right)
`Ctrl` `Enter`	Add class to selected element
`Ctrl` `Shift` `Enter`	Rename last class on selected element

{.shortcuts}

Find

Shortcut	Action
`Ctrl` `K`	Quick find

{.shortcuts}

Other

Shortcut	Action
`Alt` `(click)`	Expand or collapse panel sections
`Up/Down`	Select parent or child element
`Left/Right`	Select sibling element
`Alt` `Left/Right`	Select next or previous element
`Ctrl` `Shift` `L`	Toggle collaborators on selected element

{.shortcuts}