ShortcutPosters
Promote Request an app

Webflow Keyboard shortcuts

Get the poster

Webflow is a visual web design tool that lets you build responsive, production-ready websites without writing code. Its Designer maps every CSS property to a visual control, and a deep set of keyboard shortcuts speeds up selecting, moving, and styling elements on the canvas.

Official:Official site

All Webflow keyboard shortcuts (Mac)

Layout
Esc
F1
F2
F3
F4
F5
F6
F7
F8
F9
F10
F11
F12
`
1
2
3
4
5
6
7
8
9
0
-
=
⌫
Tab
Q
W
E
R
T
Y
U
I
O
P
[
]
\
⇪
A
S
D
F
G
H
J
K
L
;
'
↩
Shift
Z
X
C
V
B
N
M
,
.
/
Shift
⌃
⌘
⌥
Space
⌥
⌘
⌃
↑
←
↓
→

32 shortcuts

Editing 9

Action Shortcut
Paste without formatting ⌘⌥⇧V
Edit selected text element ↵
Deselect / exit editing ⎋
Cut element ⌘X
Copy element ⌘C
Paste element ⌘V
Duplicate element ⌘D
Undo ⌘Z
Redo ⇧⌘Z

Navigation/Panels 7

Action Shortcut
Open Pages panel P
Select previous sibling element ←
Select next sibling element →
Open Add panel A
Open Navigator Z
Select parent element ↑
Select child element ↓

Elements 6

Action Shortcut
Move element before sibling (within parent) ⌘←
Move element after sibling (within parent) ⌘→
Move element before parent element ⇧⌘↑
Move element after parent element ⇧⌘↓
Move element before previous element ⌘↓
Move element after previous element ⌘↑

Canvas 4

Action Shortcut
Switch to desktop view 1
Switch to tablet view 2
Switch to mobile landscape view 3
Switch to mobile portrait view 4

General 3

Action Shortcut
Save backup point (snapshot) ⇧⌘S
Show all keyboard shortcuts ⇧/
Quick find ⌘E

Preview 2

Action Shortcut
Toggle guide overlay ⇧⌘G
Toggle Preview mode ⇧⌘P

Style 1

Action Shortcut
Open Selector field ⌘↵

Sourced from help.webflow.com, university.webflow.com Last verified

Unofficial reference. ShortcutPosters is not affiliated with, endorsed by, or sponsored by Webflow. All product names, logos, and trademarks are property of their respective owners. See our licensing & trademark notice.

Get the Webflow poster

4 art directions — pick one below, click to zoom & compare.

Layout
WEBFLOWKEYBOARD SHORTCUTS · MAC · 321Switch to…2Switch to t…3Switch to…4Switch to…567890QWE⌘Quick findRTYUIOPOpen Page…AOpen Add…S⇧ ⌘Save back…D⌘Duplicate…FG⇧ ⌘Toggle gui…HJKLZOpen Navi…X⌘Cut elementC⌘Copy elem…V⌘ ⌥ ⇧Paste with…BNMMORE SHORTCUTSMove element before…⌘←Move element after si…⌘→Move element before…⇧⌘↑Move element after p…⇧⌘↓Edit selected text ele…↵Deselect / exit editing⎋Open Selector field⌘↵Select previous siblin…←Select next sibling ele…→Move element before…⌘↓Move element after pr…⌘↑Show all keyboard sh…⇧/Toggle Preview mode⇧⌘PPaste element⌘VUndo⌘ZRedo⇧⌘ZSelect parent element↑Select child element↓shortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC
PREVIEWToggle guide overlay⇧⌘GToggle Preview mode⇧⌘PGENERALSave backup point⇧⌘SShow all keyboard shortcuts⇧/Quick find⌘ESTYLEOpen Selector field⌘↵CANVASSwitch to desktop view1Switch to tablet view2Switch to mobile landscape…3Switch to mobile portrait vie…4NAVIGATION/PANELSOpen Pages panelPSelect previous sibling ele…←Select next sibling element→Open Add panelAOpen NavigatorZSelect parent element↑Select child element↓ELEMENTSMove element before sibling⌘←Move element after sibling⌘→Move element before paren…⇧⌘↑Move element after parent…⇧⌘↓Move element before previ…⌘↓Move element after previou…⌘↑EDITINGPaste without formatting⌘⌥⇧VEdit selected text element↵Deselect / exit editing⎋Cut element⌘XCopy element⌘CPaste element⌘VDuplicate element⌘DUndo⌘ZRedo⇧⌘ZWebflowKEYBOARD SHORTCUTS · MAC · 32BOTH LAYOUTSQWERTYQWERTYAZERTYAZERTYshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC
PREVIEW02Toggle guide overlay⇧⌘GToggle Preview mode⇧⌘PCANVAS04Switch to desktop view1Switch to tablet view2Switch to mobile landscape view3Switch to mobile portrait view4NAVIGATION/PANELS07Open Pages panelPSelect previous sibling element←Select next sibling element→Open Add panelAOpen NavigatorZSelect parent element↑Select child element↓STYLE01Open Selector field⌘↵ELEMENTS06Move element before sibling (within parent)⌘←Move element after sibling (within parent)⌘→Move element before parent element⇧⌘↑Move element after parent element⇧⌘↓Move element before previous element⌘↓Move element after previous element⌘↑GENERAL03Save backup point (snapshot)⇧⌘SShow all keyboard shortcuts⇧/Quick find⌘EEDITING09Paste without formatting⌘⌥⇧VEdit selected text element↵Deselect / exit editing⎋Cut element⌘XCopy element⌘CPaste element⌘VDuplicate element⌘DUndo⌘ZRedo⇧⌘ZWebflowKEYBOARD SHORTCUTS · MAC · 32BOTH LAYOUTSQWERTYQWERTYAZERTYAZERTYshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC
WEBFLOW · KEYBOARD SHORTCUTSMac · 7 SETS · No.01WEBFLOWTOTAL32SHORTCUTSFOR MAC · SHIPPED COMBOSSETSPREVIEW02ELEMENTS06CANVAS04GENERAL03NAVIGATION/PA07EDITING09STYLE01REF. EDITION · JAN 2026shortcutposters.comToggle guide overlay⇧⌘GToggle Preview mode⇧⌘PMove element before sibling (within parent)⌘←Move element after sibling (within parent)⌘→Move element before parent element⇧⌘↑Move element after parent element⇧⌘↓Move element before previous element⌘↓Move element after previous element⌘↑Switch to desktop view1Switch to tablet view2Switch to mobile landscape view3Switch to mobile portrait view4Save backup point (snapshot)⇧⌘SShow all keyboard shortcuts⇧/Quick find⌘EOpen Pages panelPSelect previous sibling element←Select next sibling element→Open Add panelAOpen NavigatorZSelect parent element↑Select child element↓Paste without formatting⌘⌥⇧VEdit selected text element↵Deselect / exit editing⎋Cut element⌘XCopy element⌘CPaste element⌘VDuplicate element⌘DUndo⌘ZRedo⇧⌘ZOpen Selector field⌘↵

Mac edition · 32 shortcuts

A printable, framed-quality poster of the essential Webflow shortcuts for Mac — the keys worth keeping in view, designed to stay readable on a wall.

Edition
Apple Mac Windows Windows

Free PNG is web-resolution & watermarked.

Customise this poster Pick the shortcuts, restyle the colours — download free. Get the framed-quality print Full 300 DPI, print-ready — at home or shipped to your door.

Frequently asked questions

Does the poster include every Webflow shortcut?
Webflow has 32 keyboard shortcuts on macOS — the complete list is free to read on this page. The poster features the most essential ones, curated to stay readable on a wall.
Can I print it at home?
Yes. The digital download is a high-resolution 300 DPI file you can print at home or at any print shop, in standard frame sizes.
Does it cover both Mac and Windows?
We sell a separate edition per platform so every key matches your keyboard exactly. This page is the macOS edition.
Is this an official Webflow product?
No. This is an unofficial reference poster and is not affiliated with or endorsed by Webflow. All trademarks belong to their respective owners.

Promote your app

Built an app with great keyboard shortcuts? Get it into the database — a free, searchable reference page, and an optional printable poster your power users will pin to the wall.

  • Free shortcut reference page
  • Indexed & searchable
  • Optional framed poster
Get your app featuredHow it works