ShortcutPosters

Poster maker

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 t…2Switch t…3Switch t…4Switch t…567890QWEQuick fi…RTYUIOPOpen Pag…AOpen Add…S⇧ ⌘Save bac…DDuplicat…FG⇧ ⌘Toggle g…HJKLZOpen Nav…XCut elem…CCopy ele…V⌘ ⌥ ⇧Paste wi…BNMMORE SHORTCUTSMove 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…PPaste elementVUndoZRedoZSelect parent ele…Select child elem…shortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC

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 four layouts: isometric keys, a typewriter list, a labelled keyboard map, or a bold editorial print.

  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 t…2Switch t…3Switch t…4Switch t…567890QWERTYUIOPOpen Pag…AS⇧ ⌘Save bac…DFG⇧ ⌘Toggle g…HJKLZXCV⌘ ⌥ ⇧Paste wi…BNMMORE SHORTCUTSMove 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…/shortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBFLOW · MAC
Keyboard map Every binding labelled on a realistic QWERTY or AZERTY keyboard.
PREVIEWToggle guide overlayGCANVASSwitch to first breakpoint1Switch to second breakpoint2Switch to third breakpoint3Switch to fourth breakpoint4NAVIGATION/PANELSOpen Pages panelPSelect previous sibling elementSelect next sibling elementSTYLEOpen Selector fieldELEMENTSMove element before sibling (within pa…Move element after sibling (within par…Move element before parent elementMove element after parent elementMove element before previous elementMove element after previous elementGENERALSave backup point (snapshot)SShow all keyboard shortcuts/EDITINGPaste without formattingVEdit selected text elementDeselect / exit editingWebflowKEYBOARD 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 overlayGCANVAS04Switch to first breakpoint1Switch to second breakpoint2Switch to third breakpoint3Switch to fourth breakpoint4NAVIGATION/PANELS03Open Pages panelPSelect previous sibling elementSelect next sibling elementSTYLE01Open Selector fieldELEMENTS06Move element before sibling (withi…Move element after sibling (within…Move element before parent elementMove element after parent elementMove element before previous eleme…Move element after previous elementGENERAL02Save backup point (snapshot)SShow all keyboard shortcuts/EDITING03Paste without formattingVEdit selected text elementDeselect / exit editingWebflowKEYBOARD 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 overlayGMove element before sibling (within parent)Move element after sibling (within parent)Move element before parent elementMove element after parent elementMove element before previous elementMove element after previous elementSwitch to first breakpoint1Switch to second breakpoint2Switch to third breakpoint3Switch to fourth breakpoint4Save backup point (snapshot)SShow all keyboard shortcuts/Open Pages panelPSelect previous sibling elementSelect next sibling elementPaste without formattingVEdit selected text elementDeselect / exit editingOpen 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.