Breakpoint shortcuts

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

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

Using the number keys on your keyboard, you can rapidly switch between breakpoints from within the Webflow Designer. This speeds up the web design process as you proof your designs — use 1 for Desktop view, 2 for Tablet view, 3 for Mobile landscape view, and 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.

Try Webflow — it's free