How to adapt underlined button to text length ? (complex button)

Hello !

My coworker and I are migrating designs from Sketch to Figma and we have an issue with a complex button.
On Sketch I was able to make it as an adaptative component but on Figma I can’t find the way to do it with constraints or Auto layout.

(We are able to do this with simple button but this one has an line + an icon under the text so it adds difficulty)

Here is the effect I want : (made on Sketch)

button_goal

Thank you !

Use Auto Layout, Absolute position and Constraints. You can see an example here: Figma Auto Layout Playground.

Yes, quite easy with the new Absolute positioning. Here’s a quick rendition of what you’re aiming for.

1 Like

Thank you very much ! :white_heart:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.