Webflow

Webflow Shortcuts

Webflow keyboard shortcuts for the visual web designer — elements, styling, navigator and preview.

Source: Official documentation · Updated 2025-05

Shortcuts
4
Categories

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.

  • Switch OS tabs for Windows, macOS, or Linux shortcuts.
  • Use / to jump to search instantly.
  • Use Compare mode when moving between machines.
  • Print or save the page as a compact PDF cheat sheet.
Elements 9 shortcuts
Add element
A
Select all
Ctrl+A
Deselect
Esc
Duplicate element
Ctrl+D
Delete element
Delete/Backspace
Copy
Ctrl+C
Paste
Ctrl+V
Cut
Ctrl+X
Wrap in div
Ctrl+Shift+G
Undo & History 3 shortcuts
Undo
Ctrl+Z
Redo
Ctrl+Shift+Z
Save
Ctrl+S
View & Navigator 9 shortcuts
Toggle navigator
Z
Toggle layers panel
E
Toggle style panel
S
Toggle settings panel
D
Preview mode
Ctrl+Shift+P
Zoom in
Ctrl+=
Zoom out
Ctrl+-
Zoom to fit
Ctrl+0
Toggle responsive breakpoint
Ctrl+Shift+1–5
Typography 5 shortcuts
Bold
Ctrl+B
Italic
Ctrl+I
Underline
Ctrl+U
Increase font size
Ctrl+Shift+.
Decrease font size
Ctrl+Shift+,

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.

Advertisement
No shortcuts match your search.