See spacing values on the canvas | Webflow Updates

See spacing values on the canvas

You can now see spacing values displayed directly on the canvas when you hover over or select elements with margin and padding. This makes it easier to understand and fine-tune the spacing in your designs without having to constantly check the design panel.

How it works

When you select an element or hover over it in the canvas:

• Margin values appear outside the element's border
• Padding values appear inside the element's border
• Values are shown in your project's default spacing unit (px, rem, etc.)

This visual feedback helps you:

• Quickly verify spacing relationships between elements
• Ensure consistent spacing throughout your design
• Make precise spacing adjustments without switching between panels
• Better understand your layout hierarchy

Availability

This feature is available in the Webflow Designer for all users.