Breakpoint shortcuts

We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

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.

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

Table of contents

Continue learning

Figma to Webflow App

Add a Spline scene to your Webflow site

Add or remove Workspace seats and members

Align box overview

Archive a site

Archive your Workspace

Asset privacy

Build a locale switcher

Choose a Site plan

Code block

Component properties

Copyright (DMCA) Takedown Notice

Create your Workspace

Custom CSS properties and values

Custom element

Custom gradient border

Delete your Webflow account

Downgrade or cancel your Site plan

Downgrade or cancel your Workspace plan

Duplicate a site

Integrate the HubSpot App

Keep your Webflow account secure

Localization overview

Localize Collection content

Localize content and styles

Localize page settings

Localized SEO and locale routing

Manage Localization add-on plans

Nest components

Pointer events

Proration and refunds on Workspace and Site plans

Set a global canonical tag to improve SEO

Site-specific access

Switch between Workspaces

Switch your Workspace or Site plan billing frequency

Transfer a site

Update your Dashboard notification settings

Update your email subscription settings

Update your text notification settings

Upgrade your Site plan

Upgrade your Workspace plan

Use components in Collection lists and Collection pages

Variables

View all invoices for Workspace and Site plans

View and update your payment card

View your account security activity

Workspace billing and invoices

Workspace settings overview

Edit mode

Manually connect a custom domain

Manually connect a custom subdomain

Quick connect a custom domain

Quick connect a custom subdomain

Webflow Apps overview

Publishing workflow

Add Shopify products to your Webflow site

Connect Webflow to third-party apps with Zapier

Embed Soundcloud tracks on your Webflow site

Embed an Eventbrite checkout on your Webflow site

Embed dynamic Twitter share buttons on your Webflow site

Integrate Optimizely for A/B testing

Embed an Instagram feed on your site with Elfsight

Control text wrapping and line breaking

Single Sign-On (SSO) Login

Comments

Building web layouts

V Flex and H Flex elements

DevLink in the Designer

Creator Credits

Quick Stack

Text stroke

Webflow staging subdomain

Import/export user accounts

Disable spellcheck with custom attributes

Small, large, and dynamic viewport units

Wrap element in div or link block