[LAUNCHED] Set grid row height to "hug" contents

Just adding on to this! I need a ‘hug’ setting for row heights! seems like a obvious this and I’m assuming ya’ll are working on it? :D please please please!

​@Junko3 do you know if this is being worked on? It looks like Penpot already does this perfectly… :/ 

This and the ability to set them to %…  Figma really needs to a streamlined way to set hug - fill size percentages %, min - max and all those things you do in a real web app. 
It’s such a pain to hack your way into telling a developer we want this to be 8VW with min width 44px and max width 120px. Or give us a command line so we can set our own CSS on objects. 

wish they’d stop shoving AI garbage that literally no one wants into the app and spend some time fixing stuff like this instead.

yepppppp penpot is honestly what i use for my own personal design work now because figma is just on another planet from what designers actually need.

Seems like there a way to create rows and columns that hug content. Here is how you can do it

1. Create a frame
2. Hit Shift+A, make it auto layout frame, make sure that sizing is set to HUG both directions
3. Convert it to grid
4. Now you have 2x2 grid with auto sized rows and cols

There is no direct way to enable this sizing option within the UI, however if you add a layer inside and then you duplicate it it would add another column with “Hug” sizing enabled

 

Not quite clear how to add more rows though...

Seems like there a way to create rows and columns that hug content. Here is how you can do it

1. Create a frame
2. Hit Shift+A, make it auto layout frame, make sure that sizing is set to HUG both directions
3. Convert it to grid
4. Now you have 2x2 grid with auto sized rows and cols

There is no direct way to enable this sizing option within the UI, however if you add a layer inside and then you duplicate it it would add another column with “Hug” sizing enabled

 

Not quite clear how to add more rows though...

Clever trick! Sadly, additional rows/cols initialize as “Auto”. I guess it’s a sign that it’s possible, but maybe it’s just not fully implemented yet.

fwiw, I’m able to tweak the grid configuration through the plugin API, to apply various layouts that aren’t yet available via the Figma UI.  However, it requires setting configuration options that aren’t yet documented in the plugin API.  This gives me hope that this feature is coming sooner than we expect.

Seems like there a way to create rows and columns that hug content. Here is how you can do it

1. Create a frame
2. Hit Shift+A, make it auto layout frame, make sure that sizing is set to HUG both directions
3. Convert it to grid
4. Now you have 2x2 grid with auto sized rows and cols

There is no direct way to enable this sizing option within the UI, however if you add a layer inside and then you duplicate it it would add another column with “Hug” sizing enabled

 

Not quite clear how to add more rows though...

Clever trick! Sadly, additional rows/cols initialize as “Auto”. I guess it’s a sign that it’s possible, but maybe it’s just not fully implemented yet.

Duplicating frames inside the grid would create extra columns and rows with “Hug” sizing inherited. This is the only way I found yet. 

Without hug content, grids are not of much use.