Webflow keyboard shortcuts

Explore all 34 keyboard shortcuts and hotkeys for Webflow 2025 on an interactive visual keyboard. Toggle modifiers (Ctrl, Shift, Alt, Meta), filter by category, and search any command or key combination.

Top 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)

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