Skip to main content
Smith_Samuel_D
Smith_Samuel_D
Active Member
May 7, 2025
Solved

Auto Layout Grid - Column hug to content

  • May 7, 2025
  • 45 replies
  • 4823 views

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!

    Best answer by Smith_Samuel_D

    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

    45 replies

    Show previous replies
    David_Dooley
    David_Dooley
    New Member
    May 13, 2025

    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

      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

        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

          Not yet. but we’re working on it!

            Uri_Berry
            Uri_Berry
            New Member
            May 21, 2025

            Hug! 

              Autumn Fields
              Autumn Fields
              New Member
              May 21, 2025

              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

                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

                Adding variables to the gaps would also be great

                  Johannes Booy
                  Johannes Booy
                  New Member
                  May 30, 2025

                  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

                    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