Skip to main content
Question

Changing component's size inside a other component varaint applies everywhere


Martin_Marinov

I am building a tag component and for now it has 2 sizes. I am using an avatar component inside. For the S size tag I need avatr with size 16 (set as a variant property) and for the tag size M I need to set size 20 avatar. Previously I have done the exact same thing but for some reason when changing the size of the avatar inside the size M tag it gets changed inside the size S as well.

 

 

Because I’m rebuilding the components (avatar and tag) I have the absolutely the same setup with the old components and there is no such behaviour. The avatar is the same just split in different variants and the tag has color and other variant adjustments.

In the same tag I’m using an icon component with simillar size setup (with variants) and changing the size in one of the tags does not translate into other variants. It only happenes with the avatar.

 

I tought it might be because of the aspect ratio since it’s new and I added it to the new avatar but turning it off doesn not change the behaviour.

2 replies

y_toku
Figmate
  • Community Support
  • 2285 replies
  • March 13, 2025

Hi ​@Martin_Marinov

 

 Thanks for reaching out. It’s a bit odd that one instance would be affected by another’s properties. Could you try using “Repair component connections” from the Actions menu to see if that resolves the issue?

 

If the issue persists, could you reach out directly to the support team with a copy of your file: https://help.figma.com/hc/en-us/requests/new? Our support team will look into it.
Please make sure you use the email associated with your Figma account, include links to the file in question, and share access with support-share@figma.com. Don't worry, inviting us to view your file won't impact your billing.

 

Thanks for your patience!
Toku


Martin_Marinov

It says “Nothing to repair”. However I think I found the cause of it. I have instance swap property of the avatar (it changes between my avatar and flag components) and for some reason when there is a swap instance property to the avatar any change I make to one of the avatars gets translated to all of them. This again sounds strange as a behaviour


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