Issue with nested variants not working in cloned component

Ask the community
,
1

Hello Figma community,

I hope you’re all doing well. I’m encountering an issue with nested variants in Figma, and I’m seeking assistance to understand and resolve the problem.

I have a master component that includes a “table” component with various variants, each having different fixed widths. When I add this “table” component to the master, changing the variant correctly adjusts the width as expected.

However, when I clone the master component and expose the nested properties of the “table” component, changing the variant doesn’t seem to affect the width in the cloned instance. Oddly, other properties, like color or border radius, work as expected.

For clarification I included a video

Could someone from the community confirm whether this behavior is expected, or if there’s a known workaround to achieve the desired result?

2

This is expected behavior. To fix this, your object must be set to “Hug”. You can see an example here: Resizing an instance with variants - #4 by tank666.

1 Like
3

Thanks Tank!

That works with the addition that you have to create an object in that variant that is fixed, so the variant itself can be “hugged”