Skip to main content
bringley
New Member
July 30, 2024
Solved

Auto Layout spacing doesn't respond to child component variant size changes when nested within a parent component

  • July 30, 2024
  • 2 replies
  • 225 views

Hi community, this is my first topic.

I often use Auto Layout with components. These components have variants that change dimension upon an interaction, such as clicking on an element in order to expand it into a larger element. Generally this just works.

However, when I nest components with Auto Layout within a parent component, the Auto Layout spacing no longer responds to changed dimensions that result from the child component interactions, and the child components in the Auto Layout overlap with one another.

Is this a limitation of Figma, or is there a way to make this work? Thank you for your time!

This topic has been closed for replies.
Best answer by Daniel_Sanchez_Bedoya

Just found out this answer from a collegue!! It occurs when the autolayout is set to a group within the component and not to the component itself. Just ungroup the layout you have inherited within the component and set it to the component. Hope this works for you too!

2 replies

Daniel_Sanchez_Bedoya
New Member
January 22, 2025

Just found out this answer from a collegue!! It occurs when the autolayout is set to a group within the component and not to the component itself. Just ungroup the layout you have inherited within the component and set it to the component. Hope this works for you too!

Daniel_Sanchez_Bedoya
New Member
January 22, 2025

:)