Skip to main content

Webflow shortcuts

Your answer helps keep this page right.

Do these shortcuts work for you?

The four Breakpoints shortcuts are the number keys from one to four, without a modifier: Desktop, Tablet, Mobile Landscape and Mobile Portrait. In Elements, the Webflow shortcuts Select Parent and Select Child use the up and down arrow keys with one modifier, and Previous Sibling and Next Sibling use the left and right arrow keys alone. The Preview section has Preview Mode, Show Shortcuts and Publish Site.

Start with these

  • Quick Find
  • Select Parent
  • Select Child
  • Add/Edit Class
  • Preview Mode
  • Save

Tips for Webflow

  • Publish Site CtrlShiftEnter and Add/Edit Class CtrlEnter use the same key. Publish Site CtrlShiftEnter has Shift as well.
  • In Canvas, Hide/Show Element H is a single letter and Delete Element Delete is the Delete key.
Jump to section

Canvas7

ActionShortcut
Undo
Redo
Save
Duplicate Element
Delete Element
Hide/Show Element
Quick Find

Elements6

ActionShortcut
Select Parent
Select Child
Previous Sibling
Next Sibling
Wrap with Div
Add/Edit Class

Typography4

ActionShortcut
Bold
Italic
Underline
Create Link

Breakpoints4

ActionShortcut
Desktop
Tablet
Mobile Landscape
Mobile Portrait

Preview3

ActionShortcut
Preview Mode
Show Shortcuts
Publish Site
Report a problem

GitHub is public. Email is private.

Related resources

More Design shortcuts

Explore more Windows apps

Frequently Asked Questions

How many keyboard shortcuts does Webflow have on Windows?

Webflow has 24 keyboard shortcuts on Windows, organized into 5 sections: Canvas, Elements, Typography, Breakpoints, and more. This page lists all of them with searchable, organized shortcut tables.

Which Webflow shortcuts should I learn first?

Start with Quick Find (Ctrl+E), Select Parent (Ctrl+↑), Select Child (Ctrl+↓), Add/Edit Class (Ctrl+Enter), Preview Mode (Ctrl+Shift+P), Save (Ctrl+S). The sections on this page list the rest.

Can I download Webflow shortcuts as a PDF?

Yes. Click the download button at the top of this page to generate a printable PDF cheat sheet with all 24 Webflow shortcuts. The PDF includes organized sections, keycap-style key labels, and space for your own notes.

Where is the official Webflow keyboard shortcuts documentation?

The official Webflow keyboard shortcuts documentation is available on their website. Every shortcut on this page is sourced from and verified against the official documentation to ensure accuracy.

Do these Webflow shortcuts work on all Windows keyboards?

Yes. These shortcuts work on standard Windows keyboards. The modifier keys are Ctrl, Alt, Shift, and the Windows key (⊞). Some laptop keyboards may have compact layouts where certain keys require an Fn modifier to access.

Maintained by