Use percentages for heights, widths, paddings, gutters in auto layout

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.

Myself and many other designers would love to have autolayout support something like this:

• The main container has the same spacing all the way around
• Each section takes up a specifid percentage of the container (70% and 30%)
• When the modal grows and shrinks, those sections maintain their width of 70% and 30%

	Without spacing	With spacing
800px wide
1000px wide

This is what autolayout currently supports

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.