Skip to main content

Hi everyone,

I have not used Figma in quite some times, and I am becoming so mad for something that is so basic… I just need help with that because I am obviously missing something here. 

I just want to have a component constiting of a simple button, with only a label in it. No icon, no variants with different sizes. I want this button to be resized automatically with the lentgh of the label, but from the center, NOT from left to right. And that is where I am lost.

Here is what I do right now:

  1. I create my text
  2. I add an auto layout
  3. This creates a frame to which I add a fill
  4. I set my text to “Align center”
  5. I set my auto layout to “Align center”
  6. Everything is set to “Hug Content”

How can I set it to be resized from the center, and not from left to right? 

The only workaround I have in mind, is to put this Button (text + auto layout frame) into another bigger frame, set to “center align” as well. But this seems so unnecessary, and as soon as I set this new frame to “Hug content” this goes back to left to right alignment.

If needed, here is a video of those steps (so sorry for the bad audio in the background, it was not intended).

 

Thank you so much in advance!

Be the first to reply!

Reply