All updates

Feature

Layout & design

Pinned ruler and crosshair

Pinned ruler and crosshair

When you need to align elements on the Canvas, a new pinned ruler and crosshair can help you measure and control your layouts more precisely. With the pinned ruler, you can refer to a horizontal ruler—displayed at the bottom of the Canvas—at any time:

A horizontal ruler is always-present at the bottom of the canvas, in this case showing a design that is 1400px wide.

For even more precise measurements, an optional crosshair gives you a dynamic vertical guide that intersects the pinned ruler. You can drag this crosshair along the Canvas:

The user's cursor is on a pink vertical line displayed on the canvas. It is aligned to a logo, tagline, and other design elements.

To enable rulers, open Canvas settings by clicking the canvas size (e.g., 1699 PX) in the top bar of the Designer, next to the various device breakpoints. From Canvas settings, choose a ruler option. You can instead press Shift + R on your keyboard to toggle rulers.

We hope this update helps you measure and align your designs more efficiently. Check out the documentation on Webflow University to learn more about the pinned ruler and crosshair, as well as other Canvas settings.


Launched on
April 30, 2024
Category
Layout & design

Related updates

Sync multiple variable collections and modes from Figma to Webflow

Sync multiple variable collections and modes from Figma to Webflow

Learn more
Truncate long content with text overflow

Truncate long content with text overflow

Learn more
Text Decoration Styles

Text Decoration Styles

Learn more
New variable types: Number and Percentage

New variable types: Number and Percentage

Learn more
Component style variants is now available

Component style variants is now available

Learn more
Manage variables at scale with reordering and bulk actions

Manage variables at scale with reordering and bulk actions

Learn more

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Watch demo

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.