This makes it easier to use components in designs for different screen sizes. And then you don’t have to calculate every time what 40% or 60% of the width is.
This also makes it easier to design scalable applications that grow with the width of the screen.
If we are trying to align designers and developers, this is crucial. This is the sort of thing that leads to design drift and misinterpretation of designs.
Dear Figma,
I would love to use this feature.
My colleagues would love to use this feature.
Our Figma-community would love to use this feature.
Your future clients would love to use this feature.
It’s CSS basic. Please!
Thank you
This would be a gamechanger when creating reusable components for my design team partners. We on the UX team create a structure similar to what they would find in their CMS platform to both set rules but give the creative team freedom and tools to get creative before trial and error on the platform itself to prevent rework.
Oh – of course!
My developer-colleagues would love this feature, too!
thanks :) bye.
+1 right here :) it would be really a nice feature, I was trying to solve it just now :D
Honest question: How are we supposed to design a responsive website with auto-layout?
I have to adjust each child manually and recalculate 50% of the parent container to reset everything?
Many people have said the same thing, but I’m here to recommend supporting percentages within auto layout. I’ve seen many people asking for the same thing.
Percentage width auto layout would help us be more efficient. Auto layout “Fill container” is great for sections being sized equally (50/50 or 30/30/30).
When we’re designing content with sections, the sections are generally not the same width as each other to indicate importance.
| Without spacing | With spacing | |
|---|---|---|
| 800px wide | 
| 
|
| 1000px wide | 
| 
|
If we use auto layout, each section must be a specified width or the same width as the other sections. It makes it so we cannot use autolayout on re-usable components like page layouts or dialogues because the content cannot maintain its scale.
| Without spacing | With spacing |
|---|---|
 | 
|
This is awesome! I think this can be done as MIN-MAX , but with percentages, you would set the autolayout as fill-container , with a min and max width of x% from parent.
Comment in support of this idea. This feature is very much needed.
+1
Genuinely shocking that this wasn’t implemented when auto-layout was released, or even when they released wrapping with auto-layout. I’m able to assign % values with Flexbox, there’s no real reason we couldn’t do this in Figma.
Let’s gooooooooo Figma
It’s been 2 years now, and people still need this more than a new UI
C’mon, that’s easy peasy for you guys
+1
+1
I (and the developers I work with) would really loved this
Voted.
Came to request this feature. The hack with columns and constraints is too limiting and time consuming. Just allow me to change the width or height to a percentage of it’s parent, please!
I don’t need AI, I need percentage widths.
+1 Less AI and more basic features like percentages!
Percentages would be awesome and consistent to use in css-vars.
+1. I promise I’ll treat my FigPal well.
Begging once again for this one
This makes it easier to use components in designs for different screen sizes. And then you don’t have to calculate every time what 40% or 60% of the width is.
This also makes it easier to design scalable applications that grow with the width of the screen.
@figma please introduce this feature
Does Figma not take a stand on this? There must be a reason for it.
+1 really need this feature!!
Logged in just to say yep I really need this. I hate having to apply a column grid to auto layouts just to get the width correct, and then having to add extra notes to the devs that it should be percentage based instead of fixed width. It also sucks when there’s a responsive option in the present mode but this doesn’t work with that.
Pretty please, with sugar on top, end our suffering and let us set dimensions by percentage. We wants it. We needs it. Please?
It would be wonderful if Auto Layout had the properties we’d expect from Flex Box. Since that seems to be what it was shooting for.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.