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)
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
5 art directions — pick one below, click to zoom & compare.
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.
Free PNG is web-resolution & watermarked.
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.
Related posters
Thanks — your feedback helps us improve.
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