How to use space between in a Figma auto layout

To space items within an auto layout frame select the frame and set the auto-layout gap to Auto.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 12/08/2022 at 09:23
Last Updated on 08/14/2023 at 12:35
A flower that represents Figma with the text "Space between in Auto Layout" beneath it.

To space items within an auto layout frame select the frame and set the auto-layout gap to Auto.

Subscribe

The following tutorial walks you through how to use Space Between in an auto layout frame or component. For more information on what Auto Layout is and how to use it please use the links below.

What is Auto Layout?How to use Auto Layout?Learn more about Auto Layout

Step One: Select an auto layout frame

<p>A screenshot of Figma highlighting a frame that uses Auto Layout.</p>

In Figma, open up a project and select a frame that uses auto layout.

How to use auto layout in Figma

Step Two: Click the Gap Dropdown

<p>A screenshot of Figma showing a frame that uses Auto-layout selected. It highlights the dropdown icon that appears when you hover over the gap input under the auto-layout area in the right menu side bar. Click this dropdown icon.</p>

On the inspector on the right, under Auto Layout, hover over the gap input and click the dropdown.

Step Three: Set to Auto

<p>A screenshot of Figma that shows that when you click the dropdown next to the Auto Layout gap input, a menu appears from which you can select "Auto". Click this to make the auto-layout frame use space-between.</p>

In the menu that appears, click Auto.

<p>A screenshot of Figma showing that the frame now uses space-between.</p>

Looking to learn more about things you can do with Figma ?

Search our blog to find educational content on learning how to use Figma.

Search our Blog

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
SubscribeContact UsVisit our BlogView our ServicesView our Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe