4 art directions — pick one below, click to zoom & compare.
⤢ WEBFLOW KEYBOARD SHORTCUTS · MAC · 32 1 Switch t… 2 Switch t… 3 Switch t… 4 Switch t… 5 6 7 8 9 0 Q W E ⌘ Quick fi… R T Y U I O P Open Pag… A Open Add… S ⇧ ⌘ Save bac… D ⌘ Duplicat… F G ⇧ ⌘ Toggle g… H J K L Z Open Nav… X ⌘ Cut elem… C ⌘ Copy ele… V ⌘ ⌥ ⇧ Paste wi… B N M MORE SHORTCUTS Move element befo… ⌘ ← Move element afte… ⌘ → Move element befo… ⇧ ⌘ ↑ Move element afte… ⇧ ⌘ ↓ Edit selected tex… ↵ Deselect / exit e… ⎋ Open Selector fie… ⌘ ↵ Select previous s… ← Select next sibli… → Move element befo… ⌘ ↓ Move element afte… ⌘ ↑ Show all keyboard… ⇧ / Toggle Preview mo… ⇧ ⌘ P Paste element ⌘ V Undo ⌘ Z Redo ⇧ ⌘ Z Select parent ele… ↑ Select child elem… ↓ shortcutposters.com UPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC
WEBFLOW KEYBOARD SHORTCUTS · MAC · 32 1 Switch t… 2 Switch t… 3 Switch t… 4 Switch t… 5 6 7 8 9 0 A Open Add… Z Open Nav… E ⌘ Quick fi… R T Y U I O P Open Pag… Q S ⇧ ⌘ Save bac… D ⌘ Duplicat… F G ⇧ ⌘ Toggle g… H J K L M W X ⌘ Cut elem… C ⌘ Copy ele… V ⌘ ⌥ ⇧ Paste wi… B N MORE SHORTCUTS Move element befo… ⌘ ← Move element afte… ⌘ → Move element befo… ⇧ ⌘ ↑ Move element afte… ⇧ ⌘ ↓ Edit selected tex… ↵ Deselect / exit e… ⎋ Open Selector fie… ⌘ ↵ Select previous s… ← Select next sibli… → Move element befo… ⌘ ↓ Move element afte… ⌘ ↑ Show all keyboard… ⇧ / Toggle Preview mo… ⇧ ⌘ P Paste element ⌘ V Undo ⌘ Z Redo ⇧ ⌘ Z Select parent ele… ↑ Select child elem… ↓ shortcutposters.com UPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC
⤢ PREVIEW Toggle guide overlay ⇧ ⌘ G Toggle Preview mode ⇧ ⌘ P GENERAL Save backup point (sn… ⇧ ⌘ S Show all keyboard sho… ⇧ / Quick find ⌘ E STYLE Open Selector field ⌘ ↵ CANVAS Switch to first break… 1 Switch to second brea… 2 Switch to third break… 3 Switch to fourth brea… 4 NAVIGATION/PANELS Open Pages panel P Select previous sibli… ← Select next sibling e… → Open Add panel A Open Navigator Z Select parent element ↑ Select child element ↓ ELEMENTS Move element before s… ⌘ ← Move element after si… ⌘ → Move element before p… ⇧ ⌘ ↑ Move element after pa… ⇧ ⌘ ↓ Move element before p… ⌘ ↓ Move element after pr… ⌘ ↑ EDITING Paste without formatt… ⌘ ⌥ ⇧ V Edit selected text el… ↵ Deselect / exit editi… ⎋ Cut element ⌘ X Copy element ⌘ C Paste element ⌘ V Duplicate element ⌘ D Undo ⌘ Z Redo ⇧ ⌘ Z Webflow KEYBOARD SHORTCUTS · MAC · 32 BOTH LAYOUTS QWERTY Q W E R T Y AZERTY A Z E R T Y shortcutposters.com UPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC ⤢ PREVIEW 02 Toggle guide overlay ⇧ ⌘ G Toggle Preview mode ⇧ ⌘ P CANVAS 04 Switch to first breakpoint 1 Switch to second breakpoint 2 Switch to third breakpoint 3 Switch to fourth breakpoint 4 NAVIGATION/PANELS 07 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 ↓ STYLE 01 Open Selector field ⌘ ↵ ELEMENTS 06 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 ⌘ ↑ GENERAL 03 Save backup point (snapshot) ⇧ ⌘ S Show all keyboard shortcuts ⇧ / Quick find ⌘ E EDITING 09 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 Webflow KEYBOARD SHORTCUTS · MAC · 32 BOTH LAYOUTS QWERTY Q W E R T Y AZERTY A Z E R T Y shortcutposters.com UPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC
⤢ WEBFLOW · KEYBOARD SHORTCUTS Mac · 7 SETS · No.01 WEBFLOW TOTAL 32 SHORTCUTS FOR MAC · SHIPPED COMBOS SETS PREVIEW 02 ELEMENTS 06 CANVAS 04 GENERAL 03 NAVIGATION/PA 07 EDITING 09 STYLE 01 REF. EDITION · JAN 2026 shortcutposters.com Toggle guide overlay ⇧ ⌘ G Toggle Preview mode ⇧ ⌘ P 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 ⌘ ↑ Switch to first breakpoint 1 Switch to second breakpoint 2 Switch to third breakpoint 3 Switch to fourth breakpoint 4 Save backup point (snapshot) ⇧ ⌘ S Show all keyboard shortcuts ⇧ / Quick find ⌘ E 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 ↓ 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 Open Selector field ⌘ ↵
WEBFLOW KEYBOARD SHORTCUTS · MAC · 14 ESSENTIAL 1 Switch t… 2 Switch t… 3 Switch t… 4 Switch t… 5 6 7 8 9 0 Q W E R T Y U I O P Open Pag… A S ⇧ ⌘ Save bac… D F G ⇧ ⌘ Toggle g… H J K L Z X C V ⌘ ⌥ ⇧ Paste wi… B N M MORE SHORTCUTS Move element befo… ⌘ ← Move element afte… ⌘ → Move element befo… ⇧ ⌘ ↑ Move element afte… ⇧ ⌘ ↓ Edit selected tex… ↵ Deselect / exit e… ⎋ shortcutposters.com UPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC Keyboard map PREVIEW Toggle guide overlay ⇧ ⌘ G CANVAS Switch to first breakpoint 1 Switch to second breakpoint 2 Switch to third breakpoint 3 Switch to fourth breakpoint 4 EDITING Paste without formatting ⌘ ⌥ ⇧ V Edit selected text element ↵ Deselect / exit editing ⎋ ELEMENTS Move element before sibling (withi… ⌘ ← Move element after sibling (within… ⌘ → Move element before parent element ⇧ ⌘ ↑ Move element after parent element ⇧ ⌘ ↓ GENERAL Save backup point (snapshot) ⇧ ⌘ S NAVIGATION/PANELS Open Pages panel P Webflow KEYBOARD SHORTCUTS · MAC · 14 ESSENTIAL BOTH LAYOUTS QWERTY Q W E R T Y AZERTY A Z E R T Y shortcutposters.com UPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC Isometric PREVIEW 01 Toggle guide overlay ⇧ ⌘ G CANVAS 04 Switch to first breakpoint 1 Switch to second breakpoint 2 Switch to third breakpoint 3 Switch to fourth breakpoint 4 EDITING 03 Paste without formatting ⌘ ⌥ ⇧ V Edit selected text element ↵ Deselect / exit editing ⎋ ELEMENTS 04 Move element before sibling (withi… ⌘ ← Move element after sibling (within… ⌘ → Move element before parent element ⇧ ⌘ ↑ Move element after parent element ⇧ ⌘ ↓ GENERAL 01 Save backup point (snapshot) ⇧ ⌘ S NAVIGATION/PANELS 01 Open Pages panel P Webflow KEYBOARD SHORTCUTS · MAC · 14 ESSENTIAL BOTH LAYOUTS QWERTY Q W E R T Y AZERTY A Z E R T Y shortcutposters.com UPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC Typewriter WEBFLOW · KEYBOARD SHORTCUTS Mac · 6 SETS · No.01 WEBFLOW TOTAL 14 SHORTCUTS FOR MAC · SHIPPED COMBOS SETS PREVIEW 01 ELEMENTS 04 CANVAS 04 GENERAL 01 NAVIGATION/PA 01 EDITING 03 REF. EDITION · JAN 2026 shortcutposters.com Toggle guide overlay ⇧ ⌘ G Move element before sibling (within parent) ⌘ ← Move element after sibling (within parent) ⌘ → Move element before parent element ⇧ ⌘ ↑ Move element after parent element ⇧ ⌘ ↓ Switch to first breakpoint 1 Switch to second breakpoint 2 Switch to third breakpoint 3 Switch to fourth breakpoint 4 Save backup point (snapshot) ⇧ ⌘ S Open Pages panel P Paste without formatting ⌘ ⌥ ⇧ V Edit selected text element ↵ Deselect / exit editing ⎋ Editorial 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)
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
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 ↓
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 ⌘ ↑
4 Action Shortcut Switch to first breakpoint 1 Switch to second breakpoint 2 Switch to third breakpoint 3 Switch to fourth breakpoint 4
3 Action Shortcut Save backup point (snapshot) ⇧ ⌘ S Show all keyboard shortcuts ⇧ / Quick find ⌘ E
2 Action Shortcut Toggle guide overlay ⇧ ⌘ G Toggle Preview mode ⇧ ⌘ P
1 Action Shortcut Open Selector field ⌘ ↵
Sourced from help.webflow.com , university.webflow.com , help.webflow.com , university.webflow.com
·
Last verified June 18, 2026
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 .
Frequently asked questions
Does the poster include every Webflow shortcut? Webflow has 32 keyboard shortcuts in total — 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 separate Mac and Windows editions 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. Was this reference helpful? Thanks — your feedback helps us improve.
▲ Yes
▼ No
