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 (Windows)

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

32 shortcuts

Editing 9

Action Shortcut
Paste without formatting CtrlShiftV
Edit selected text element Enter
Deselect / exit editing Esc
Cut element CtrlX
Copy element CtrlC
Paste element CtrlV
Duplicate element CtrlD
Undo CtrlZ
Redo ShiftCtrlZ

Navigation/Panels 7

Action Shortcut
Open Pages panel P
Select previous sibling element LEFT
Select next sibling element RIGHT
Open Add panel A
Open Navigator Z
Select parent element UP
Select child element DOWN

Elements 6

Action Shortcut
Move element before sibling (within parent) CtrlLEFT
Move element after sibling (within parent) CtrlRIGHT
Move element before parent element ShiftCtrlUP
Move element after parent element ShiftCtrlDOWN
Move element before previous element CtrlDOWN
Move element after previous element CtrlUP

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) ShiftCtrlS
Show all keyboard shortcuts Shift/
Quick find CtrlE

Preview 2

Action Shortcut
Toggle guide overlay ShiftCtrlG
Toggle Preview mode ShiftCtrlP

Style 1

Action Shortcut
Open Selector field CtrlEnter

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 · WINDOWS · 321Switch to…2Switch to t…3Switch to…4Switch to…567890QWECtrlQuick findRTYUIOPOpen Page…AOpen Add…SShift CtrlSave back…DCtrlDuplicate…FGShift CtrlToggle gui…HJKLZOpen Navi…XCtrlCut elementCCtrlCopy elem…VCtrl ShiftPaste with…BNMMORE SHORTCUTSMove element before…CtrlLEFTMove element after si…CtrlRIGHTMove element before…ShiftCtrlUPMove element after p…ShiftCtrlDOWNEdit selected text ele…EnterDeselect / exit editingEscOpen Selector fieldCtrlEnterSelect previous siblin…LEFTSelect next sibling ele…RIGHTMove element before…CtrlDOWNMove element after pr…CtrlUPShow all keyboard sh…Shift/Toggle Preview modeShiftCtrlPPaste elementCtrlVUndoCtrlZRedoShiftCtrlZSelect parent elementUPSelect child elementDOWNshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · WINDOWS
PREVIEWToggle guide overlayShiftCtrlGToggle Preview modeShiftCtrlPGENERALSave backup pointShiftCtrlSShow all keyboard shortcutsShift/Quick findCtrlESTYLEOpen Selector fieldCtrlEnterCANVASSwitch to desktop view1Switch to tablet view2Switch to mobile landscape…3Switch to mobile portrait vie…4NAVIGATION/PANELSOpen Pages panelPSelect previous sibling ele…LEFTSelect next sibling elementRIGHTOpen Add panelAOpen NavigatorZSelect parent elementUPSelect child elementDOWNELEMENTSMove element before siblingCtrlLEFTMove element after siblingCtrlRIGHTMove element before paren…ShiftCtrlUPMove element after parent…ShiftCtrlDOWNMove element before previ…CtrlDOWNMove element after previou…CtrlUPEDITINGPaste without formattingCtrlShiftVEdit selected text elementEnterDeselect / exit editingEscCut elementCtrlXCopy elementCtrlCPaste elementCtrlVDuplicate elementCtrlDUndoCtrlZRedoShiftCtrlZWebflowKEYBOARD SHORTCUTS · WINDOWS · 32BOTH LAYOUTSQWERTYQWERTYAZERTYAZERTYshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · WINDOWS
PREVIEW02Toggle guide overlayShiftCtrlGToggle Preview modeShiftCtrlPCANVAS04Switch to desktop view1Switch to tablet view2Switch to mobile landscape view3Switch to mobile portrait view4NAVIGATION/PANELS07Open Pages panelPSelect previous sibling elementLEFTSelect next sibling elementRIGHTOpen Add panelAOpen NavigatorZSelect parent elementUPSelect child elementDOWNSTYLE01Open Selector fieldCtrlEnterELEMENTS06Move element before sibling (within parent)CtrlLEFTMove element after sibling (within parent)CtrlRIGHTMove element before parent elementShiftCtrlUPMove element after parent elementShiftCtrlDOWNMove element before previous elementCtrlDOWNMove element after previous elementCtrlUPGENERAL03Save backup point (snapshot)ShiftCtrlSShow all keyboard shortcutsShift/Quick findCtrlEEDITING09Paste without formattingCtrlShiftVEdit selected text elementEnterDeselect / exit editingEscCut elementCtrlXCopy elementCtrlCPaste elementCtrlVDuplicate elementCtrlDUndoCtrlZRedoShiftCtrlZWebflowKEYBOARD SHORTCUTS · WINDOWS · 32BOTH LAYOUTSQWERTYQWERTYAZERTYAZERTYshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · WINDOWS
WEBFLOW · KEYBOARD SHORTCUTSWindows · 7 SETS · No.01WEBFLOWTOTAL32SHORTCUTSFOR WINDOWS · SHIPPED COMBOSSETSPREVIEW02ELEMENTS06CANVAS04GENERAL03NAVIGATION/PA07EDITING09STYLE01REF. EDITION · JAN 2026shortcutposters.comToggle guide overlayShiftCtrlGToggle Preview modeShiftCtrlPMove element before sibling (within parent)CtrlLEFTMove element after sibling (within parent)CtrlRIGHTMove element before parent elementShiftCtrlUPMove element after parent elementShiftCtrlDOWNMove element before previous elementCtrlDOWNMove element after previous elementCtrlUPSwitch to desktop view1Switch to tablet view2Switch to mobile landscape view3Switch to mobile portrait view4Save backup point (snapshot)ShiftCtrlSShow all keyboard shortcutsShift/Quick findCtrlEOpen Pages panelPSelect previous sibling elementLEFTSelect next sibling elementRIGHTOpen Add panelAOpen NavigatorZSelect parent elementUPSelect child elementDOWNPaste without formattingCtrlShiftVEdit selected text elementEnterDeselect / exit editingEscCut elementCtrlXCopy elementCtrlCPaste elementCtrlVDuplicate elementCtrlDUndoCtrlZRedoShiftCtrlZOpen Selector fieldCtrlEnter

Windows edition · 32 shortcuts

A printable, framed-quality poster of the essential Webflow shortcuts for Windows — 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 Windows — 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 Windows 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