Webflow keyboard shortcuts cheat sheet

Printable cheat sheet covering all 34 Webflow 2025 keyboard shortcuts and hotkeys, organized by category. Export as PDF or print directly.

All shortcuts

  • Shift+Slash — Show shortcut cheatsheet
  • Ctrl+Shift+S — Save as a snapshot
  • Escape — Deselect or abort
  • Delete — Delete element
  • Shift+P — Show publish dialog
  • Shift+E — Show export code dialog
  • Enter — Edit element
  • Ctrl+Shift+P — Preview mode
  • Ctrl+Shift+G — Guide overlay
  • Ctrl+Shift+E — Show element edges
  • Ctrl+Shift+X — X-ray mode
  • A — Show add panel
  • Z — Show navigator tab
  • P — Show pages panel
  • Shift+A — Show symbols panel
  • Ctrl+Shift+A — Make selected element a symbol
  • J — Show asset manager
  • S — Show style tab
  • D — Show settings tab
  • G — Show style manager tab
  • H — Show interactions tab
  • Ctrl+C — Copy
  • Ctrl+X — Cut
  • Ctrl+V — Paste
  • Ctrl+Z — Undo
  • Ctrl+Shift+Z — Redo
  • 1 — Desktop
  • 2 — Tablet
  • 3 — Phone (landscape)
  • 4 — Phone (portrait)
  • Ctrl+Enter — Add class to selected element
  • Ctrl+Shift+Enter — Rename last class on selected element
  • Ctrl+K — Quick find
  • Ctrl+Shift+L — Toggle collaborators on selected element

Other Design & Image apps

  • Adobe Fresco shortcuts
  • Adobe Lightroom CC shortcuts
  • Adobe XD shortcuts
  • Affinity Designer shortcuts
  • Affinity Photo 2 shortcuts
  • Aseprite shortcuts
  • Capture One shortcuts
  • Clip Studio Paint shortcuts
  • Corel Painter shortcuts
  • Darktable shortcuts

Related pages

  • Webflow shortcuts
  • Webflow cheat sheet
  • Learn Webflow shortcuts
  • All Design & Image apps