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?
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
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!
Percentages would be awesome and consistent to use in css-vars.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
