Skip to main content
cameronsuorsa
October 25, 2022

Add auto layout to Sections

  • October 25, 2022
  • 101 replies
  • 13979 views

There are times when having sections free of constraints is nice… but my design team has become addicted to using auto layout with frames. In many cases when using sections, it would be amazing to perfectly space the inner sections out using auto layout.

101 replies

aronruiz
February 21, 2024

I discovered a solution! Follow these steps to apply Auto Layout to Sections:

  1. Right-click on the Section and click Convert to frame
  2. Add Auto Layout to the Frame and apply your desired values
  3. Right-click on the Frame and click Copy properties
  4. Right-click on the Frame and click Convert to section
  5. Right-click on the Section and click Paste properties
  6. Do a happy dance 🕺t2:

You will have to redo the process to modify the Auto Layout values, but it should do as a workaround until Figma intentionally adds this functionality.

Hieu_Dinh
February 22, 2024

Work like a charm! Thank you!

Isaac7
February 28, 2024

Thank you so much for this

Chris_Melfi
April 4, 2024

+1 Yes please!

Micha
April 24, 2024

I use sections to organize my components (buttons, colors, cards, inputs etc. …)
I would like to be able to organize all these sections with Auto Layout.
For example, I currently have about 20 sections. Sometimes I need to expand, enlarge, or move individual sections to a different position

I hope I have described my wish clearly 😉

Cheers ^M^

Eli
New Member
May 4, 2024

👍 Manually resizing sections is too cumbersome. Considering their purpose is to help organize stuff on the canvas, it is almost surprising that autolayout has not been implemented from the start. We need this.

Agathe_Mametz
New Member
May 14, 2024

Hope to see a anouncement at Config

aronruiz
June 27, 2024

Although this did work for a short period of time, it no longer works as of the writing of this reply. This solution was technically a bug which has been squashed. Too bad. I liked this bug 😦

hyungjin.kil
July 17, 2024

Why has it become impossible to apply Auto Layout to sections using Copy Properties since the release of UI3? I found it incredibly useful for quick direct mouse accessibility and frame organization within sections. Having this feature taken away is very disheartening. This change significantly impacts productivity. I strongly request the rollback of the Auto Layout property copying feature.

Hyo
July 17, 2024

Same here. Really need this feature back