# Webflow shows spacing values directly on the canvas

By Steven Van · 2026-05-06

Toggle it in Canvas settings or press Cmd+Shift+D to see margin and padding on any element without opening the Style panel.

Margin and padding values now show directly on the canvas in [Webflow](<https://creatorstoolbox.com/tools/webflow>)'s designer. Checking spacing used to mean selecting an element and reading the Style panel; now the numbers appear on the element itself.

- Turn on the spacing option in Canvas settings, or press Cmd+Shift+D, and clicking any element reveals its margins and padding.

- Holding Alt/Opt+Shift and hovering over an element shows spacing values under the cursor, with no click or selection needed.

- The numbers reflect current calculated values, including those set through variables, and match what ships to production.

This release only makes spacing visible; changing a value still happens in the Style panel. Webflow [announced](<https://webflowmarketingmain.com/updates/see-spacing-values-on-the-canvas>) the update on 5 May 2026.

[![](<https://cdn.prod.website-files.com/687e8d1b96312cc631cafec7/69fb582a87a373e20bca68fa_oncanvas_spacing_visualizations-linkedin-1200x628.png>)](<https://webflowmarketingmain.com/updates/see-spacing-values-on-the-canvas>)

![Webflow](<https://cdn.prod.website-files.com/686294e263eb7e215bd232f7/686d53d0446d4237b2f38c5f_webclip.png>)

Webflow

Build professional websites visually — no code required, with CMS, interactions, and hosting built in.

[View Webflow →](<https://creatorstoolbox.com/tools/webflow>)

Sources

[Original source](<https://webflowmarketingmain.com/updates/see-spacing-values-on-the-canvas>)

[Read Webflow shows spacing values directly on the canvas on Creators Toolbox](<https://creatorstoolbox.com/blog/webflow-see-spacing-values-on-the-canvas>)

---
Canonical source: https://creatorstoolbox.com/blog/webflow-see-spacing-values-on-the-canvas