Back to updates
Feature
Designer

Natively preview layouts with any text size seamlessly in the Designer

Preview different text size formats from the Designer for your page layouts to create a better reading experience for site visitors.

Natively preview layouts with any text size seamlessly in the Designer

<p>Today, designers lose valuable time optimizing for their responsive sites because they have to constantly publish to test their designs for different browser text sizes. We’re excited to eliminate that time-consuming process and introduce the ability to preview your designs with different text sizes natively on Webflow. This way, designers can adjust their page layouts in different setups to ensure their site experience adapts gracefully to any text size.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2400px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2400px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d633_2022-May-Text%20Zoom%20Preview%202%20%5B2400x1400%5D.jpg>" loading="lazy" alt="Preview various text size formats for your page design."></div><figcaption>Preview various text size formats for your page design.</figcaption></figure><p>On that note of being mindful of page layouts and site experiences – building readable experiences for site visitors is not only an industry-best practice but also a requirement for accessible experiences WCAG (<a href="<https://www.w3.org/TR/WCAG21/#resize-text>">Criterion 1.4.4</a>). It is our continued commitment to deliver the tools to build accessible sites for designers everywhere, thereby encouraging the adoption of accessibility best practices. Give it a try in the Designer today!&nbsp;</p>


Launched on
June 2, 2022
Category
Designer

Related updates

Custom tooltips for component props

Custom tooltips for component props

Learn more
Shared Libraries available on all paid Workspace plans

Shared Libraries available on all paid Workspace plans

Learn more
Introducing Webflow Interactions, powered by GSAP

Introducing Webflow Interactions, powered by GSAP

Learn more
Rename elements and component instances

Rename elements and component instances

Learn more
Advanced variables with functions

Advanced variables with functions

Learn more
See recently modified classes in the style selector

See recently modified classes in the style selector

Learn more