Cheat sheet guide
Webflow shortcuts worth learning first
This page collects 26 searchable Webflow keyboard shortcuts across 4 categories. Start with the shortcuts for Elements, Undo & History, View & Navigator, Typography, then print the cheat sheet once the important ones are worth keeping nearby.
- Add elementA
- UndoCtrlZ
- Toggle navigatorZ
- BoldCtrlB
- Select allCtrlA
- DeselectEsc
Elements
9 shortcuts
Add element
A
WinAMacA
Select all
CtrlA
WinCtrlAMac⌘A
Deselect
Esc
WinEscMacEsc
Duplicate element
CtrlD
WinCtrlDMac⌘D
Delete element
DeleteBackspace
WinDeleteBackspaceMac⌫
Copy
CtrlC
WinCtrlCMac⌘C
Paste
CtrlV
WinCtrlVMac⌘V
Cut
CtrlX
WinCtrlXMac⌘X
Wrap in div
CtrlShiftG
WinCtrlShiftGMac⌘⇧G
Undo & History
3 shortcuts
Undo
CtrlZ
WinCtrlZMac⌘Z
Redo
CtrlShiftZ
WinCtrlShiftZMac⌘⇧Z
Save
CtrlS
WinCtrlSMac⌘S
View & Navigator
9 shortcuts
Toggle navigator
Z
WinZMacZ
Toggle layers panel
E
WinEMacE
Toggle style panel
S
WinSMacS
Toggle settings panel
D
WinDMacD
Preview mode
CtrlShiftP
WinCtrlShiftPMac⌘⇧P
Zoom in
Ctrl=
WinCtrl=Mac⌘=
Zoom out
Ctrl-
WinCtrl-Mac⌘-
Zoom to fit
Ctrl0
WinCtrl0Mac⌘0
Toggle responsive breakpoint
CtrlShift1–5
WinCtrlShift1–5Mac⌘⇧1–5
Typography
5 shortcuts
Bold
CtrlB
WinCtrlBMac⌘B
Italic
CtrlI
WinCtrlIMac⌘I
Underline
CtrlU
WinCtrlUMac⌘U
Increase font size
CtrlShift.
WinCtrlShift.Mac⌘⇧.
Decrease font size
CtrlShift,
WinCtrlShift,Mac⌘⇧,
Frequently asked questions
What is the fastest way to find Webflow shortcuts on this page?
Use the search box or press /, then type an action such as add element.
Can I print this Webflow shortcut cheat sheet?
Yes. Use the Print / PDF button or your browser print command to save a compact cheat sheet.
Does this page include Windows and Mac shortcuts for Webflow?
Yes. Use the OS tabs to switch between Windows and macOS shortcuts. For example, Add element is A on Windows and A on macOS where available.
