Skip to main content
Smith_Samuel_D
Smith_Samuel_D
Active Member
May 7, 2025 7:54 PM UTC
Solved

Auto Layout Grid - Column hug to content

Hello! 🤠

I was very excited to see the addition of Auto Layout Grid today! Having flexibility for both Rows and Columns at the same time is a game changer.

That said, I immediately ran into not being able to set a column width to “Hug” within a table, which is a bummer. In the attached video, I want the “Audited By” column to Hug to the longest table cell content. I show both the current solution today, and what I am trying to do with Auto Layout Grid.

I can manually adjust the width of the column, I guess, but as you can see, it makes it hard to ensure correct padding without a lot of careful tuning of the width.

 

Anyone have any solutions? Will this be coming as a fast-follow feature? Thank you!

    Smith_Samuel_D
    Smith_Samuel_DSolution
    Active Member
    Dec 8, 2025 2:55 PM UTC

    UPDATE FOR EVERYONE: Figma has added this and MORE! 🎉

    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!

    https://www.figma.com/release-notes/?title=hug-and-fractional-units-for-grid

    View in thread

    46 replies

    Show previous replies
    David_Dooley
    David_Dooley
    New Member
    May 13, 2025 3:14 PM UTC

    Feels like a huge oversight to not include it. Grids are pretty much useless until this is added. Back to making additional, unnecessary rows 😔

      Ben Rubenstein
      Ben Rubenstein
      New Member
      May 19, 2025 2:43 PM UTC

      Can I set a row height to HUG using the new Grid feature?

       

      I need the row to hug its content.

        Teemu_Kumpulainen1
        Teemu_Kumpulainen1
        New Member
        May 20, 2025 7:43 AM UTC

        Implement this as soon as possible, please! I was already excited since this would tackle a very specific need in our DS – ie. dividing an autolayout non-50/50 – but the lack of vertical hug totally torpedoes it. 😑

          Figma_Support
          Figmate
          Figma_Support
          Figmate
          May 20, 2025 4:08 PM UTC

          Not yet. but we’re working on it!

            Uri_Berry
            Uri_Berry
            New Member
            May 21, 2025 4:04 PM UTC

            Hug! 

              Autumn Fields
              Autumn Fields
              New Member
              May 21, 2025 9:07 PM UTC

              Manually adjusting the height now, and cannot wait for hug! Would make mockups so much faster

                Andrew Stuber
                Andrew Stuber
                New Member
                May 22, 2025 2:42 PM UTC

                Agreed. The ability to hug cells and the layout itself would be a huge help. Otherwise, this is great!

                Andrew Stuber
                Andrew Stuber
                New Member
                May 22, 2025 2:44 PM UTC

                Adding variables to the gaps would also be great

                  Johannes Booy
                  Johannes Booy
                  New Member
                  May 30, 2025 2:01 PM UTC

                  Why release a compromised version? It’s basically useless. The flexibility of the grid is nullified by having to define a height. What’s the point in having the gap-y value in the Figma UI? The default browser behavior for grid is to hug the contents.

                    Matthew_Ryan
                    Matthew_Ryan
                    Active Member
                    May 30, 2025 7:07 PM UTC

                    Adding my +1 to this!

                    Very bizarre to launch this without it doing what CSS grid does by default. Very limited use cases for fixed height grids.

                    Show more replies
                    Terms & ConditionsAccessibility statement