ShortcutPosters

Make your Webflow shortcuts poster

Pick the shortcuts that matter, add your own, tune the colours and style — then download a free personalized PNG, or order the print-ready PDF.

Making a poster for:
Style
Accent
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 · MACshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.comshortcutposters.com

Hover to locate · click on the poster to disable · drag to reorder categories & shortcuts · ✎ to rename a category

Free PNG $0
  • Web resolution (1600 px)
  • Light watermark
  • Instant download
Made to order
Custom print-ready PDF $2.99
  • 300 DPI, framed-quality — no watermark
  • Every standard print size
  • Built to order from the poster above — checkout link emailed to you

Trouble ordering? Email business@shortcutposters.com.

How it works

  1. 1

    Choose a style

    Pick from five layouts: isometric keys, a typewriter list, a labelled keyboard map, a bold editorial print, or generative arcade art for games.

  2. 2

    Make it yours

    Set the accent colour and palette, rename categories, and reorder anything.

  3. 3

    Pick the shortcuts

    Toggle exactly which shortcuts appear — or add your own custom ones.

  4. 4

    Download or print

    Export a free high-resolution PNG instantly, or order a print-ready PDF.

Four styles to choose from

WEBFLOWKEYBOARD SHORTCUTS · MAC · 20 ESSENTIAL1Switch to…2Switch to t…3Switch to…4Switch to…567890QWERTYUIOPOpen Page…AS⇧ ⌘Save back…DFG⇧ ⌘Toggle gui…HJKLZXCV⌘ ⌥ ⇧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…⇧/shortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC
Keyboard map Every binding labelled on a realistic QWERTY or AZERTY keyboard.
PREVIEWToggle guide overlay⇧⌘GCANVASSwitch to desktop view1Switch to tablet view2Switch to mobile landscape view3Switch to mobile portrait view4NAVIGATION/PANELSOpen Pages panelPSelect previous sibling element←Select next sibling element→STYLEOpen Selector field⌘↵ELEMENTSMove 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⌘↑GENERALSave backup point (snapshot)⇧⌘SShow all keyboard shortcuts⇧/EDITINGPaste without formatting⌘⌥⇧VEdit selected text element↵Deselect / exit editing⎋WebflowKEYBOARD SHORTCUTS · MAC · 20 ESSENTIALBOTH LAYOUTSQWERTYQWERTYAZERTYAZERTYshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC
Isometric Shortcuts on a 3D isometric keyboard — bold and poster-like.
PREVIEW01Toggle guide overlay⇧⌘GCANVAS04Switch to desktop view1Switch to tablet view2Switch to mobile landscape view3Switch to mobile portrait view4NAVIGATION/PANELS03Open Pages panelPSelect previous sibling element←Select next sibling element→STYLE01Open Selector field⌘↵ELEMENTS06Move element before sibling⌘←Move element after sibling⌘→Move element before parent eleme…⇧⌘↑Move element after parent element⇧⌘↓Move element before previous ele…⌘↓Move element after previous elem…⌘↑GENERAL02Save backup point (snapshot)⇧⌘SShow all keyboard shortcuts⇧/EDITING03Paste without formatting⌘⌥⇧VEdit selected text element↵Deselect / exit editing⎋WebflowKEYBOARD SHORTCUTS · MAC · 20 ESSENTIALBOTH LAYOUTSQWERTYQWERTYAZERTYAZERTYshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC
Typewriter A clean printed list, grouped by category — dense and legible.
WEBFLOW · KEYBOARD SHORTCUTSMac · 7 SETS · No.01WEBFLOWTOTAL20SHORTCUTSFOR MAC · SHIPPED COMBOSSETSPREVIEW01ELEMENTS06CANVAS04GENERAL02NAVIGATION/PA03EDITING03STYLE01REF. EDITION · JAN 2026shortcutposters.comToggle guide overlay⇧⌘GMove 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⇧/Open Pages panelPSelect previous sibling element←Select next sibling element→Paste without formatting⌘⌥⇧VEdit selected text element↵Deselect / exit editing⎋Open Selector field⌘↵
Editorial A bold Swiss-style print: giant wordmark, dense keycap columns, and a totals rail.

Frequently asked questions

Is the Webflow poster maker free?

Yes — you can design and download a high-resolution PNG of your Webflow shortcuts poster for free. A print-ready PDF is an optional paid upgrade.

Can I choose which Webflow shortcuts appear?

Yes. Toggle any shortcut on or off, reorder them, rename categories, and even add your own custom shortcuts.

Can I change the colours and style?

Yes. Pick an accent colour, choose a palette, and switch between the isometric, typewriter, and keyboard-map styles.

Which keyboard layout and operating system are supported?

Choose QWERTY or AZERTY, and switch the edition between the operating systems Webflow supports (macOS, Windows, Linux).

How do I get a printed poster?

Download the free PNG to print yourself, or order the print-ready, framed-quality PDF directly from the maker.