# Figma's auto layout spacing now works like CSS

By Steven Van · 2026-07-24

Choose between Between, Around, and Evenly gap behaviors on any frame, per the 2026-07-24 release notes.

Auto layout's spacing option, previously just one behaviour, is now three: **Between** (the existing default, even gaps with nothing at the edges), **Around** (even gaps between items, with half a gap at each edge), and **Evenly** (every gap identical, edges included). The names and the patterns match how spacing works in CSS. Set any of the three on a frame in [Figma](<https://creatorstoolbox.com/tools/figma>), per the [release notes](<https://www.figma.com/release-notes/?title=design-closer-to-css-with-the-updated-auto-layout-option>).

[![](<https://cdn.sanity.io/images/599r6htc/regionalized/342e17642c7afa81206490b0dd21c3e5724ae040-2400x1260.png?w=1200&q=70&fit=max&auto=format>)](<https://www.figma.com/release-notes/?title=design-closer-to-css-with-the-updated-auto-layout-option>)

![Figma](<https://static.figma.com/app/icon/2/icon-512-maskable.png>)

Figma

Collaborative design tool for building interfaces, prototypes, and design systems — all in the browser.

[View Figma →](<https://creatorstoolbox.com/tools/figma>)

Sources

[Original source](<https://www.figma.com/release-notes/?title=design-closer-to-css-with-the-updated-auto-layout-option>)

[Read Figma's auto layout spacing now works like CSS on Creators Toolbox](<https://creatorstoolbox.com/blog/figma-design-closer-to-css-with-the-updated-auto-layout-option>)

---
Canonical source: https://creatorstoolbox.com/blog/figma-design-closer-to-css-with-the-updated-auto-layout-option