Skip to main content

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.

This doesn’t seem to work for me, but I’ll bet someone got it to work at the company I work for… because I do have a magical Section I found by accident somewhere along the way, and I just copy it whenever I want it…


Make it official @figma



  1. Allow to create sections for single object. It’s very common case. Sometimes you need to follow the whole structure of project and need to put one screen in section to not break everything.

  2. Add auto-layout functionality to align objects inside section. Now we use plugin “Screen Organizer” to make all margins consistent.


+1 Absolutely needed


+1 Vote from me for this feature idea


+1 - The solutions here pretty much say to convert a section the a frame and apply auto layout, but what’s lost is the hierarchy that sections provide. Seems like a lay-up feature, it makes it neat and organized for other collaborators!


I love auto layout but I hate that it’s a frame. I’d much prefer it to be a section because:



  1. It hides the names of the frames inside and makes it hard to select them;

    and

  2. When exporting all frames to pdf, it exports it as a single pdf image of all your frames organised, making me have to remove all the frames from inside the auto layout frame before exporting.


Just adding a +1 for this feature, very much needed


My goodness Figma! How is this STILL not a feature? This has been requested for years, would be so easy to add, and would be so powerful! 

 

** Disappointed and frustrated **


+1 much needed


Is there any updates on this feature? 🤔


Update to this feature please.

 


Wow, I can’t believe this doesn’t natively exist. This is a must have feature. Please add it.
 

In my mind, I totally thought that it did exist.

 

Our team uses sections to organize screens for development, screens for client presentations, and organize our component libraries.


The pain points we have that auto-layout on sections would solve are:

  1. We want sections to auto size based on the content I add -- so that we don’t have to spend time manually adjusting the overall width and height of our sections whenver we add more content.
  2. We want the content inside to both horizontally and vertically space so that it looks tidy automatically as new screens / components are created within sections -- would save us lots of time
  3. We want sections to still display the names of the top level frames within them so that we can use the frame names as automatically visible labels for the components and screens we have within the sections.  (for instance if we add pages to frames instead of sections, we lose that default behavior and creates an opportunity for inconsistencies across large teams).
  4. We’d also like sections within sections or section templates/layouts that can allow us to for instance, have an automatic gutter for annotations or visible component variants next to screens to make it faster and easier for us to organize our content for developers, stakeholders, and clients.

Section are a great idea but currently we are reluctant to use them fully because of the lack of options.. Why is the auto-resize arbitrarily based on the nudge amount? (We have 8px so the auto padding is always 80px. 

When creating dev handoff file, we want to give breathing space to the hundred of the frames that are laying next to each other, split into sections, but we have to manually make room around them (400 px is nice for example) which is very cumbersome and would be super quick with auto-padding/auto-layout options..


Figma, it’s been 2 years.. when we can have this feauture?😓


I have layouts where “hug” on sections works fine. There was a way to do this by converting the autolayout to a section but now this trick doesn't work. 

 

This is a damn convenient thing. You don't have to get distracted and do the size adjustment command. And adding autolayout to sections will make the process as convenient as possible. 

Many are waiting for this from you, Figma developers. 😍


+1 for this. Autolayout in sections (or at least an automatic hug contents option) would save so much time in creating documentation for projects.


Reply