Fr/Percent units for more control over auto layout content

+1 percentages values for lengths

+1, please

This is by far the most active feature request and I think everyone on here came to it independently after they wanted to throw their coffee mug at their computer monitor.

Figma, you have created your own problem by introducing some magic that almost gets it right. Autolayout is conceptually the best thing to happen to design software since SVG files. But let’s be honest, once we start using it heavily we hit the walls fast. And we’re mad because we love it but it’s not there.

Put your best people on it.

But yeah REM, EM, and % would go a really really long way. You can tell your engineering team I would even “wait” for the result to be computed, if the constant algebra is the problem (doubtful, but we never know what eats computation.) Seriously, I can either spend 30 seconds waiting for your server with an Nvidia GPU to calculate or I can spend the next three days resizing everything. Guess which one I’m going to choose?

And maybe just do it the way that CSS and CSS frameworks like Tailwind do? 3 columns. 1/3 each. margin? 6% em. Padding? 6% em.

How cool would it be if we could create ‘uneven’ auto layout fills? Let me explain:
Currently in auto layout, if we set content blocks to fill on a column grid it fills it evenly. So in a grid of 6 columns this would mean 2-2-2 or 3-3. But what if we want content blocks to span in a 2-4 way? Or a 1-5? All auto-magically using auto layout.
I’ve tried simulating this by applying min & max width to content blocks but this feels/looks strange when resizing your device frame. It doesn’t grow or shrink evenly. It stretches 1 block to it’s max then starts stretching the other block. Same with shrinking.

Allowing percentages in width could allow this to work. Or changing the way min & max constraints shrink & stretch. Just thinking out loud…

Anyone else struggling with this?

Wait until you try Framer 😍 😍. The most feature-rich tool for layout and design.

Hi @renco.tampere, Thanks for sharing your feed back about auto layout! I noticed another community members requesting something similar here. Therefore, I merged your post to consolidate all the feedback in one location.
Feel free to give this idea a vote up!

Thanks,

Good day! Are there any movements on this topic?

• 1 for me, ideally combined with pinning auto layout boxes to columns. Setting a grid and telling a component to span 4 columns on the mobile layout and 1 on the desktop layout would be a boon.

+1, any updates on this one?