Did anyone figure out how to use auto layout and apply a 1/3 vs. 2/3 layout? Setting both children elements to “fill” creates a 50/50 layout. Don’t wanna use “fix” for that.
This question has been asked last year with no native approach. The way I see it the new Auto Layout options can’t manage this either.
Any hacks out there?
do you mean something like this?
I was just playing around yesterday trying out different things and was able to make a frame with AL and then put a group inside of the frame and change the spacing from packed to space between to make the separation
This feels like a problem that could be solved by Figma allowing size definitions as percentages. Ex: I could say that an autolayout frame has a fixed width of 40%, and no matter how wide I make the parent frame, the autolayout frame would continue to occupy 40% of the frame.
I don’t know of a way to do that as it’s not something I’ve needed to do up to now, but I can see the value.
thanks, Joshua. But this wouldn’t end in a responsive 1/3 vs. 2/3 layout IMO. You’ll need to set percentage I guess (which is currently no option?!
How about using good od frames for that in a parent frame?
Drawback is, if won’t scale to the content
thx Adam. you point out the major drawback yourself. It’s not scaling to content nor responsive.
Allowing percentages would be such a great addition to Auto Layout!
Could you do with/combine with grids?
Well, I managed to have auto-layouts in frames that were attached to a grid layout 1/3 vs. 2/3. Not sure at this point if I accomplished what I set out to do. In any case, this could be easier… % to Auto layout!
What would work is that you set an element’s width to a percentage and other’s to FIll.
You can’t set % as width. That just calculates the % of the absolute value currently set and applies it.