Breakpoint shortcuts

Learn how to use the number keys to rapidly switch between breakpoints in the Webflow Designer.

getting-started
This video features an old UI. Updated version coming soon!

Keyboard shortcuts can help speed up your web design and proofing process.

To switch between breakpoints in the Webflow Designer, use the number keys:

  • 1 for Desktop view
  • 2 for Tablet view
  • 3 for Mobile landscape view
  • 4 for Mobile portrait view

If you’ve added larger breakpoints (1920 pixels, 1440 pixels, or 1280 pixels), the leftmost breakpoint becomes 1, the second-leftmost breakpoint becomes 2, and so on.

There are keyboard shortcuts for almost everything. Check out our lesson on keyboard shortcuts in the Designer for the full list.