Figma Auto Layout - Create a responsive button

In this Figma tutorial I will share with you an easy way to create a responsive button using Figma auto layout and create properties to better change information in the component.

Thanks for watching this video. If this video add value to you please make sure you subscribe the channel, like and comment the video so that I can keep up with content like this to help you become a better designer. 🙌

Connect with me on social media

#figmatutorial #Figma #autolayout

[ck-inri]

You explained simply what has taken me months

[rodfritz]

Exactly want I needed as a Figma noob. Thank you!

[fraudsfighterscam]

Love the video but pls increase volume n ur videos.

[buttercup]

Thankyou for the video.But I have a doubt.While I was trying this and trying to drag and drop a 24/24 icon to auto layout button it did not grow.(Even after adjusting the resizing panel to hug and fix before dragging icon).But when I tried to drag 16/16 px icon to the same auto layout button it grew horizontally.Why is this happening?Does it has to do anything with the frame size because when I adjusted the frame size it became responsive.

[rafaappl]

I can do all that, but I'm looking for someone who can solve the padding gap. Normaly, the side without the icon have a bigger padding in order to keep the visual ballanced...but I only can do that creating a button variation, and its far away to be good, because the instances still independent

[ColonelSternlove]

What if you wanted the button text to be centered, the height to be 48 and maintain all functions without breaking?

[justinvinson]

Someone should narrate this video. Its just pure silence even with the volume turned up to 150%...

[RicardoCostaDesign]

Thank you for watching. If you liked this tutorial could you do me a favour and hit the subscribe button, thats the clearest indication if you liked the episode and will determine what I will do next 🙏 thank you all