Shortcuts Webflow for MacOS

35 shortcuts2,513 views
Open Trainer

General

macOSAction
Shift+/Show shortcut cheatsheet
Shift+Command+SSave as Snapshot
EscDeselect/Abort
DeleteDelete Element
Shift+PShow Publish Dialog
Shift+EShow Export Code Dialog

View

macOSAction
Shift+Command+PPreview mode
Shift+Command+GGrid overlay
Shift+Command+EShow element edges
Shift+Command+XX-ray mode

Left-hand toolbar

macOSAction
AShow Add panel
PShow Pages panel
Shift+AShow Symbols panel
Command+Shift+AMake selected element a Symbol

Right-hand tabs

macOSAction
SShow Style tab
DShow Settings tab
FShow Navigator tab
GShow Style Manager tab
HShow Global Objects tab
JShow Asset Manager

Copy/paste

macOSAction
Command+CCopy
Command+XCut
Command+VPaste
Hold Alt+DragDuplicate

Undo/redo

macOSAction
Command+ZUndo
Shift+Command+ZRedo

Device views

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

Other

macOSAction
Shift+DragMargin / padding (all sides)
Alt+dragMargin / padding (top + bottom or left + right)
Arrow Up/Arrow DownSelect parent / child element
Arrow Left/Arrow RightSelect sibling element
Alt+Arrow Left/Arrow RightSelect next / previous element