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

MartinFujak
October 5, 2023

I loove the idea so much. The only thing i would be afraid is maybe performance.

Kuka
October 11, 2023

+1 to this suggestion! 🙏

Dev-design
October 14, 2023

Designers on my team are avoiding using sections and the “ready for dev” button because this feature doesn’t exist. As a developer, this is challenging. Please? 🥺 🙏

Joshua_Mikael1
October 23, 2023

Hi Figma, this is becoming a MUST HAVE from a time saving perspective. I give up too many touches to Sections to drive the cleanliness within sections and between them that is needed to provide coherent specs for my dev team. I want to be able to easily control a Section’s padding and margins between frames. The use of sections within large projects has become deeply intertwined with our process. We keep big efforts to a single page to reduce miscommunication and team members not being able to find specs without pinging design. With so many sections accruing in a single page, we now have to use color coding on Sections for various internal statuses, which would be a nice to have someday as a sub-feature of sections above and beyond Ready For Dev. But the biggest loss of efficiency is simply in keeping pages clean and easy to scan. Sections require too much effort to make nice, yet making them nice is something our team deems critical because our team needs clarity even when things are rough and rapid. And it becomes a cycle, because our team moves very rapidly, I end up over-investing in Section cleanliness at the expense of my valuable time. Time spent manually working with sections is time I can’t spend solving business problems with design. Please consider elevating this topic into a very near-future release. Thank you.

October 28, 2023

I’m absolutely SHOCKED that Sections do not support Auto-layout! Please, for the love of Figma, fix this as soon as possible!!

Erik

mikebusby
November 3, 2023

This feature is really needed

JetPilot
New Member
November 8, 2023

+1 Absolutely needed

Sadie_Ballif
November 10, 2023

+1 plz add! I use sections every day and am constantly having to manually format my spacing

Joshua_Mikael1
November 17, 2023

Heads up everyone on this thread–Figma FIXED the issue in a short-term suitable way. While sections don’t have auto layout yet, adjusting the width or height of a section now triggers a snapping affordance when the section’s adjusted edge matches another edge’s distance from a child object inside the section. Now, all I need to do is get one edge of a section to my preferred distance from child objects and the other 3 sides can be quickly resized to snap to that same distance. While it’s not Auto-layout, which would still be nice as this would be even more hands off AND let me bulk update sections at once, it’s a much appreciated improvement that does save time. Thanks Figma!

David_Saunders1
January 25, 2024

The snapping feature is not enough. It’s now 2024. Come on Figma, this isn’t good enough. Section are completely useless if they can’t be organised and auto-resize to fit the inner content. Designers like to work in organised ways.