Skip to main content
Question

Dynamic height for auto layout wrap

  • February 11, 2024
  • 6 replies
  • 1014 views

Mani_Noroozi

In Figma, I’m working with a design that involves three cards within an auto layout configuration. My goal is to achieve two key behaviors:

  1. Equal Height Across Cards: When these cards are aligned next to each other horizontally, they should all maintain an equal height, ensuring a uniform appearance.
  2. Content-Dependent Sizing: In scenarios where the cards do not share a row (e.g., when viewed on a narrower screen or in a different layout context), each card should adjust its height dynamically to snugly fit its content.

Is it possible to configure auto layout wrap to accommodate these requirements? Specifically, I’m looking for a way to make the containers simultaneously fill available height when aligned together and adjust to hug their content when they’re not sharing the same row.

6 replies

dvaliao
Figmate
  • Community Support
  • 4591 replies
  • February 13, 2024

Hey @Mani_Noroozi, thanks for reaching out!

It’s possible to have all cards fill vertically on the same row, but it’s not possible to have them hug when they wrap to multiple rows, without changing their settings to Hug.


Clare
  • New Participant
  • 15 replies
  • May 24, 2024

I’m facing the same issue too. I have 9 cards being wrapped in auto-layout. 3 cards in a row should follow the tallest card of that row. The next row should follow it’s own tallest card. I am not able to achieve this.


Christian_Franck

Yes in some cases I was also trying to design such a dynamic layout to have all cards the same hight as the highest in the row.


SomethingFishy

I was also trying to create equal height cards per row in a wrapped auto layout but….sigh. Yet another feature with great potential falls flat. Welcome to Figma.


James1
  • New Member
  • 1 reply
  • February 13, 2025

This has been such an issue for me as well. Please tackle this issue for us Figma team!


Shawn11
  • New Member
  • 1 reply
  • March 12, 2025

Agreed. I’d like to be able to achieve similar results in a responsive design, like the attached video. It has the 3 static states as the desired result, and the closest I’m currently able to achieve in a responsive layout using the current functionality. Both Tablet and Desktop don’t function as desired in this example.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings