Responsive grid editing, now with: → Hug → Fractional units

Thanks for listening Figma. This is pure gold. It would be even better if a component instance could automatically resize and hide the visibility of rows and columns after the user hides all the content within them. You know it’s never enough for us designers.

Next step: Support quick row/column grid items selection, e.g, with a btn in the header

Thank you Figma! Best design editor ever!

Finally!

My table component is ready to migrate to grids then 😄

Game-changer for layout flow fractional units + hug gives way more control without the usual hacks. This is the kind of update that quietly makes every designer faster 🔥

This Figma update sounds like a game-changer for responsive designs—hug and fractional units will make grids so much more intuitive. Excited to test this in my next project! Thanks for the playground link. 🚀

Happy hugging

happy hugging

Ahhh so this is the famous Figma hug emoji in action, now it makes sense. pretty cool honestly!

This is cool. Fr fr

LMFG!!!!!!!!!!!!!!! 🚀🚢🛥️🛳️⛴️⛵🚀🚀🚀🏴‍☠️

The best 👌

Hug for grids makes responsive spacing more intuitive. One challenge: when teams have different mental models for 'hug' behavior, does this create new alignment issues or resolve them?

G

This is a really nice upgrade, and it's coming just at the right time. Thanks, team Figma.

This reduces a lot of hassles

💫

🔥

We’re so back

This is a game changer

That's what I was waiting for so long. This is really awesome.

🥳🥳

I can’t apply hug to existing auto layouts with grid. It only works in a new file. is that expected due to the update??

Another game changing features from Figma

love the hug option, makes sense now

Wow love the flexibility makes layout editing so smooth.

1:36 — Wait, was this a custom made table with Grid for all the cells? How is this better than a normally built table component? Need a tutorial just for the table! 🙏🏼

finally! thanks for releasing this

@figma can you also make it easier to drag and drop columns and rows please? Ps: great update!

The Hug feature looks like it'll save hours of manual spacing adjustments. Question: does it work with nested auto layout frames, or is it primarily for top-level grids? Would be huge for complex responsive layouts.

The wait is over