Resize the Designer canvas to preview site on larger screens

Ever wish your screen could be just a teensy bit wider? Well, if yes, we have good news.

Today, as the first in a series of steps toward unlocking larger breakpoint support (for devices 993 px and above, beyond our current “desktop” option), we’ve added controls to resize the Designer canvas and preview how your site looks on larger devices.

Now you can zoom out to preview your site on screens larger than the one you’re using.
Now you can zoom out to preview your site on screens larger than the one you’re using.

If you spend most of your Webflow time on laptops whose screen sizes fall on the smaller size of the spectrum (say, 13” or less), this update’s going to make your life a lot easier.

Set a pixel width, or zoom out using a percentage. (Screen size shown: 11” MacBook Air.)

With these new controls, you can resize the canvas to a specific pixel width, or use a percentage to zoom out to a width wider than the display you’re using.

Use this button to reset the canvas to 100% zoom.

Notice also the option to set your canvas width to 100%, or true to the width of the device you’re using, by clicking the reset button.

As the first in a series of steps toward support for larger breakpoints, we’ve added controls that let you resize the Designer canvas and preview how your site looks on larger devices.

Resources

Other 

Web Design

 Features