I was super pumped to start using grids for my layouts until I learned of one fatal flaw that killed my excitement :( The inability to set a row height to hug is simply a deal-breaker for me.
Also no variables support for gaps? really?
I was super pumped to start using grids for my layouts until I learned of one fatal flaw that killed my excitement :( The inability to set a row height to hug is simply a deal-breaker for me.
Also no variables support for gaps? really?
Yes same… we need to add a hug-content to the items
Grids are definitely half-baked. Really impossible to use and don’t really even function like they did in the demo. The no-hug thing is a huge fail, as is only having half of the settings accept variables. How is it they couldn’t do the whole job? This is so typical of Figma anymore. But hey...the price increased. So there is that.
I'm struggling to find a use case for them. A bento is really the only thing. I need hug also
I was excited to use grids to approximate something basic thats been missing for SO LONG: % widths
Not being able to set height to hug contents is baffling to me.
Please fix this Figma!
Can anyone even conceive of a reason why they wouldn’t include hug? I can’t wrap my mind around this.
Literally all we needed was the ability to set a child’s % width, and we’d get the benefits of grid with existing wrap functionality 🫠
100%, this was the first thing I wanted to do with grids. I need it to hug contents for truly responsive design. I’ll be going back to using auto-layout until there’s a feature update for this...
Even if you don’t need hug, having to resize the whole grid just to get a certain width and height of all the boxes? what is this shit? Takes away the whole responsiveness excitement I had for this… And of course no variables support...
+1’d
i applied it to a data table - super powerfull (just populate my cell component) but indeed - missing the HUG → the logical next question however is → if one cell wraps over 2 lines - what happens with the rest of the row (you would still have to manually set all other items in the row to fill then) anyhow would be still very interesting!
I’ll ditto what others have said here. For a long time I’ve wished Figma would add “Fit to Grid” options for width especially. I was excited about this new Grid announcement, but unfortunately it does not allow you to actually create layouts that function like a CSS grid without the hug to contents option for heights. I realize that the hug option would almost need to be assigned to rows rather than to cells.
I'm struggling to find a use case for them. A bento is really the only thing. I need hug also
Data tables are the primary use case I see for grid. It’s almost impossible to create a responsive data table component with one-dimensional auto layout.
Can anyone even conceive of a reason why they wouldn’t include hug? I can’t wrap my mind around this.
If I had to guess, it’s just more difficult to implement and they had a deadline.
I blindly assumed this would be possible. I consciously noticed it wasn't shown in any of the deep dives or demos. Figma, Grid should accommodate content like equal-height columns or in masonry-type layouts. I think the reasoning to not hug vertically is due to responsive flow order. May need to add in a sort/number to each block within grid to make it work right.
I was at Config and there were sooo many new products but very few new features I have seen users like me request constantly in the forums. I was reallllllly hoping for % based widths.
This is so stupid Figma please add HUG for grid height. What is this….
I'm struggling to find a use case for them. A bento is really the only thing. I need hug also
Data tables are the primary use case I see for grid. It’s almost impossible to create a responsive data table component with one-dimensional auto layout.
yes tables, but without hug, you will be manually resizing everything row
Create a parent frame with vertical auto layout
Set each “row” or section to Hug Contents
Control spacing with gap
or padding
Forget Figma's visual row grid entirely
Bonus: You can still overlay a custom guide system (e.g., horizontal lines) using vector lines or helper frames if you need visual row cues.
Use rectangles or lines as faux "grid rows" with labels
Nest auto-layout frames inside that respect content height
This gives you the visual feel of a grid with the flexibility of hugging content
As the grid cannot be set to fill for width and height, it’s not truly responsive. Would love to see an update on this one to match dev grids better!
Ah I’m incorrect lol, I think the real update I want here is to delete my past forum replies
I was super pumped to start using grids for my layouts until I learned of one fatal flaw that killed my excitement :( The inability to set a row height to hug is simply a deal-breaker for me.
Also no variables support for gaps? really?
this is definitely a tablestake that should have shipped
Adding my +1 for this. Until it supports hug it’s not really a useful feature.
They should just add the ability to set Coloumns and Rows in an Auto-layout and then we would be happy - oh and percentage bases padding/margin and gaps
Grids are so lame and also that it defaults to grids when you add auto-layout to some older designs that are not in an autolayout.
I really cannot understand how this feature went out, beta or not, without this. There is virtually no practical use without it.
Still no update on this? Really bummed…
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.