Skip to main content

How do I get left aligned text that expands will one line and keeps to the right with the button when wide?


I want the “Can’t find…” text to be left justified and wrap when frame is narrow

image


…and not when wide. It should stick to the button on the right when wide.

image


The images above are two completely different frames…


I’ve tried various configurations of Autolayout layers, but Figma keeps changing the settings of layers when I change parents or children and I either end up with the text on the right and button on left when wide if the text is set to Fill…

image


…or the text cutoff when narrow if the text is set too Hug

image


This is easy to do in HTML/CSS with Flexbox…


Thanks for any help!

Hi there,


Thanks for reaching out. I’m checking with our internal team. I will get back to you when I have anything I can share with you. I also hope somebody from community will jump in this thread to help you.


Thanks for your patience.

Toku

Hi! Did you get an answer to this?

Unfortunately no at the moment. Does anybody have any solution?

This is problematic. It’s easy to do with flexbox and content justification.


Figma really needs to support CSS’s flexbox and grid capabilities tightly.

Here is the solution, Hope this helps


For those interested - everything gets framed and the text gets a Max Width of the width of the text when it’s one line and set to Left justified. The frame its in is set to Fill and AutoLayout right justified.

Reply


Terms & ConditionsCookie settings