​@Nathan2 ​@Tina Wang 

Workaround: set Hug on Auto-layout Grid rows/columns via the Plugin API
 

I ran into the same issue where the UI doesn’t expose Hug for Grid rows/columns. I was able to reproduce it reliably using the Plugin API. Sharing my notes in case it helps someone else.

Prerequisites

• Use the Figma desktop app (the plugin console isn’t available on the web).

• 

  Your layer must be a Frame with Auto layout → Grid.

  

Steps

1. Open the file in the desktop app.

2. Open the developer console: Right-click on canvas → Plugins → Development → Show/Hide console (see screenshots).

3. 

   Select the Frame that has Auto layout → Grid.

4. In the console, paste one of the snippets below and run it.

   

   // 1) Target the selected frame
   const node = figma.currentPage.selection[0];
   
   // 2) Make the first ROW hug its content
   const rows = node.gridRowSizes;
   rows[0].type = 'HUG';           // 0 = first row, 1 = second, etc.
   
   // 3) Make the second COLUMN hug its content
   const cols = node.gridColumnSizes;
   cols[1].type = 'HUG';           // 1 = second column
   

5. Adjust the index (0-based) to target the row/column you want.

6. Done! The selected row/column will switch to Hug.

   

Notes & tips

• Indexing is 0-based: 0 = first, 1 = second, etc.

• You must re-assign gridRowSizes / gridColumnSizes to apply changes.

• If you get “undefined” errors, the index you used doesn’t exist for that grid.

• To undo, switch back to AUTO or FIXED (with a pixel value).

• This is a workaround using the Plugin API; behavior could change as Figma evolves.

It’s a bit hacky, but it’s working great for me and makes Grid far more useful.
Cheers! 👋

Maybe I could create a little plugin to make this easier, let me know what you think. 😁

This 👇 worked to set the row height to hug the tallest cell, which is more than Figma does by itself so THANK YOU!!

Limitation: the parent grid height stayed the same (highlighted in yellow)

​@Juan_Guzman Do you know if there’s an API workaround to set the parent grid to hug the row as well? Or am I missing a step?

This was the snippet I used:

// 1) Target the selected frame
const node = figma.currentPage.selection[0];

// 2) Make the first ROW hug its content
const rows = node.gridRowSizes;
rows[0].type = 'HUG'; // X = row-1. To hug 1st row: X = 1-1 = 0

// 3) Make the second COLUMN hug its content
const cols = node.gridColumnSizes;
cols[2].type = 'HUG'; // X = column-1. To hug 3rd column: X = 3-1 = 2

The update a few days ago added Hug AND “fr” (fractional) units to grids! This makes grid AWESOME! Thank you Figma for adding these features in!