Fr/Percent units for more control over auto layout content
Although I find the new autolayout UI extremely convoluted and overdesigned, the ‘hug/fill parent’ feature is great. However, It would be immensely helpful to have more control over how the elements fill the parent.
Currently, the only option is for the elements to fill the remaining space, but oftentimes, I need certain elements to take up a certain proportion.
Example: I need element-1 to take up 2fr (~66%) and the rest to take up 1fr (~33%). It would be a game-changer if we could use ‘fr’ units.
Framer does this beautifully and it’s vital for efficient, adaptive layout workflows:
Page 6 / 8
This feature is beyond needed as we also switch to using modes more,+1 for percentages. Another step closer to website parity and proper flex systems.
This feature would help save me SO much more time than FigJam with AI, or most of the other recent updates tbh.
Strong Bump on this! Has been a long waited; no-brainer if you want Figma to mimic CSS / Styling behaviour. The functionality already exists considering autolayout children have awareness of each other but it is very frustrating that you cannot control beyond a 1-1 relationship. It’s surely a quick thing to implement and no idea how Figma team hasn’t done so yet.
Just copy Framer please 🙏 as that is where I need to move to for building / testing components that require it.
In order for Figma to maintain its competitive edge as a prototyping tool and facilitator of collaboration between designers and developers, it is crucial you enhance this particular feature.
This feature would really help design to developer communication and help make truly responsive prototypes.
Many others have shown comparisons that competitors are starting to surpass Figma in terms of essential functionality.
+100000000000000000000 don’t let this ticket die lol
Adding a vote for this feature
It’s crazy that 3 years later we’re still waiting for a key feature like this one. I would trade all the AI implemented for a quick release of this feature.
absolutely +1 for this percent feature
Upvote for this feature!!
I agree check my post:
+1 to this feature! Per cent widths attached to columns in a column based grid has been fundamental on the web since we laid our pages out in tables, and is foundational to flexbox layouts. For example, flex-basis: 50%;
After seven years, Figma still REFUSES to acknowledge the need for percentage widths. BASIC HTML layout, and Figma continues to ignore the most needed design element there is. They literally made auto layout but it is USELESS without proper width setting.
Figma does everything they can to close every post requesting this. Combining multiple posts to make it look like it is not a widely requested need.
Figma is not made up of designers. Figma does not understand UX or UI and could care less what designers need.
It has gotten very old.
This would be an invaluable addition to Figma. It’s an essential method for layout in HTML + CSS, and seems like something that Figma could handle in terms of technological feasibility. It is confounding that this request has been out on the forum in various forms for such a long time. Can we get an update on whether this is being considered by Figma’s product team and where it might be on the roadmap?
You think with the release of AI code assistants they’d be able to release things quicker wouldnt you? I honestly thing they have 1 peron managing the community and one sleepy dev working on the product right now
ha ha. should have left the comment. was funny and no one reads this board anyway.
After this latest disaster with the new drafts thing and how they destroyed the organization of the sidebar…I might be looking for a different tool.
Literally they did not have to reorder ALL of the 38 items I had in my starred section.
PSST: (cough)…Framer…(cough)
Yeah, creating Bento style layouts is maddening and I end up creating all kinds of unnecessary containers. I also end up duplicating all kinds of work in larger files.
I’m not sure why they implemented Autolayout with only the three options they have currently. Clearly, the CSS community aligned on a grid system where you could just tell every box how many grid units to span in either height or width.
To make sure this topic isn’t closed.
I believe this feature could help bridge the design-dev gap further and enable designers to create truly responsive prototypes. Currently, I have to use workarounds when building pattern libraries with set width modes. This new capability would be incredibly useful.
+1 (or more if possible)… I’ve worked as both a web designer, frontend dev, senior frontend dev, React Native dev, and agree with @Joe12 completely.
This definitely would close the dev-design gap further.
Example: Trying to design stacked horizontal bar charts simply does not work with auto layout if any layout adjustment shifts. This really does not work well when attempting to design multiple cards with charts in a dashboard view.
Was really hoping to finally see this at Config. Unless I missed it, sad to see its still not possible. It boggles my mind that other ‘sexier’ features get prioritised over this (comparably) simple little thing that could save so much pain.
I also thought we might see it so a bit disappointed! To be fair we don’t know if they prioritised other features over it. They’re probably working on several things concurrently and didn’t have it all ready for Config.
I am sitting here again trying to find the best solution for multiple elements I wanna wrap for different breakpoints and at the end, I have to do it manually. Well done.
But hey, Figma is offering Slides now. 😉 What a joke!
Keeping this topic alive… genuinely thought they would have picked this feature up already 😦