Changing color component, no change in instances

This might be something to do with the override being done to the instance.

I’d also check to make sure the layer name is the same on the icon contents. Sometimes that can also create issues if something is called “Union” and another is called “Vector”, etc.

Thanks for your reply but I think this is not about layer names. They have same name and structure.

Were you able to fix the issue or is it persisting?

Manual workaround is to add another variant, with property true/false (e.g. “Outline button: True/False”). After you change this property to false and then back to true color of icon will change to correct (updated) color.

does anyone have a solution for this? I’m having the same issue and is driving me crazy I had to do all of the instances and worked but just for one component and since they include text I can’t use the reset to all new properties because I don’t want to lose the texts.

Hey @Cecilia_Marnero, thank you for reaching out! The behavior you’re seeing might be expected.

From the screen recording @uixmate shared with us, I can say this behaviour should be expected. If you swap the nested icon of an instance and then change the fill color of the main component’s icon, that fill color will not persist to connected instances’ icons. Nested instance swaps will carry through the override but not changes to main.

As a general rule, once the icon of an instance has either been swapped or had its fill color change, the instance icon is now considered overridden. From there, any changes to the main component’s icon after this point will not persist to the icons nested within any overridden instances.

You can identify overridden instances by checking the dropdown menu in the instance swap section, shown below. If you see the option to “Reset all changes”, then the instance is overridden.

For your case “I can’t use the reset to all new properties because I don’t want to lose the texts”. Can you share a copy of your file with me? I can reach out to our support team and see if there are any workarounds they’d suggest.

Please let me know if you have any questions or if I can clarify anything further.

Thanks,
Gayani

Hi everyone!

I’m encountering a similar issue with a text component. I have a component with text set to Font Family A. When I change it to Font Family B, the component keeps the content but loses the preset color.

I’ll provide some photos for better understanding. I’ve already checked the layer names, and they all have the same structure and naming convention.

I’m having the same problem! Fix this, please!

Hey everyone, thank you for flagging this! I am actually unsure if this is an intended behaviour or not. Let me double check this with the team. I’ll get back to you once I receive a confirmation from the team.

Hey @Vitor_Silva and @Thiago_Rebello, are you able to provide a direct link to the copy of your file here, and invite support-share@figma.com with “can edit” permission so we can look into this further? My team needs a file link to investigate further, we’re not able to confirm if this is an intended behaviour based on the screenshot.

Note that users with @figma.com emails on your team don’t count towards your billing.

Thank you in advance!