The most important Figma Update!

Figma announced a bunch of updates recently but there is one in particular that I believe is super important for us precision freaks!

For years now in most UI designs - both as visuals and coded, there was a problem of slightly misaligned labels in buttons (and some other UI elements).

It was always a point or two off either up or down. That is because of how the bounding box of a typeface is rendered to accommodate some special characters and symbols.

Now, with this Figma update you can actually use Auto-Layout with perfect alignment - something that was preventing me to use the feature as I couldn't unsee those 1p misalignments.

Great work Figma, and I wish this becomes the standard in other apps soon!

#figma #ui #ux

☝️ Watch next and be awesome!


🏆 Master design with me

My Twitter:

My Instagram:

👨🏻‍💻 About me
I'm a designer, entrepreneur and startup founder. I started back in the late 90's and currently my main goal is to share my knowledge, both paid and free. This channel is one of the places where I share my tips on design, user experience, growth, marketing, and getting your first UX Design job.

Subscribe to stay in touch and have a beautiful day! ❤️

[gradientMesh]

wow, can't believe they finally did this! by far one of my favorite figma updates. the imperfectly centered text in buttons stressed the hell out of me since day 1.

[deipty]

omg ! finally. I love auto layout but it always messed up with the text making me spend more time fixing it. Glad they spotted it and made the update!

[dixitpanchal]

Excellent work! Your presentation required a significant amount of effort. I am impressed with your graphic style and design sense. Thank you for dedicating yourself to this task, as it will be tremendously helpful!!

[SzabatDesign]

Yes yes yes! It's definitely my favorite feature from the update! 🙆‍♂️🥳

[maisakal]

I love your videos and how you edit them. Goes right to the point. Lovely. Good content as well 👍

[FablesOutofSpace]

I looooved this new update, using it all the time now. Life is much easier!

[pixelandbracket]

I just started using Figma yesterday and was happy to find this button, no idea it was such a recent update!

[enkhtuvshina]

Great update! Can front-end devs do the exact same thing (vertical trim)? Just curious to know about it.

[bobans]

I was really amazed and relieved that they did this update. I was getting really frustrated because I couldn't make my buttons look good.

[BrialMusic]

One of the biggest work-arounds I had to make with Figma and not having this is such a relief :D So good

[uxmentor]

Yeah! Vertical trim will make a difference for those using the baseline to set their vertical rhythm - 4px & 8px grid fans. I will use this for sure, the rest are nice to haves.

[felcastt]

OMG so much of our time is going to reduce with that.

[JC-yynf]

Tiny feature, but immensely helpful. Thank god this is finally implemented!

[Libows]

Great video and congrats on the 100k+ subs!

[ovrzls]

My favorite new feature is the sticky scroll behavior. I needed that a year ago!

[ankitsaikumar]

And sticky nav is pretty great of an update too

[rygenkov]

What about developing it? I mean that's cool you have a bit better buttons in design, but won't developer do it as he did previously? i mean using the default font height? in this case this change in Figma will work only for designer and doesn't make much sense for the final product. Or i am wrong a developers can do the same?

[MylarDaleToloMDTTV]

I wasn't aware of this feature until right now.

[trienviptb]

nested properties is important too. It helps easier to control components.

[miqdamsajid]

Yeah literally, I went to my sister (she is a product designer) and said, "Figam has finally fixed this — the vertical trim feature".