Skip to main content
uixmate
January 24, 2023
Question

Changing color component, no change in instances

  • January 24, 2023
  • 18 replies
  • 4774 views

Hello there,

When I want to change color for instance swap property in component, color is not change in instances. I don’t know whats wrong here. Can anyone help please?

Video: Figma issue (?) - Color in instances doesn't change when updated in component - YouTube

Thanks

This topic has been closed for replies.

18 replies

solmaz_cheraghi
New Member
April 22, 2024

I have same problem why color of swap instance doesn’t change color when ever i change color of swap instance in main component?so i upload my Figma file for considering.thank you.
test.fig (184.6 KB).

y_toku
Figmate
Community Support
April 23, 2024

Thanks for flagging. This could be a potential bug, so we shared internally. When there is anything I can share with you, I will get back to you.

Thanks for your patience.
Toku

June 15, 2024

This is a huge problem for us. Components like sidebar navigation, icon button where teams often change the icon at instance level are not getting updated. Recently we moved colors from styles to variables, and this created a huge debt for product teams, now they’ll have to manually go an update each instance, otherwise dark mode will not work for them.
Please fix this.

ksn
Figmate
Community Support
June 17, 2024

Hey @Aman_Rathi1 I’m sorry that this has been a disruption to your work. I know that there is a bug ticket for this, but I don’t have a specific timeline available on when this will be addressed.

Thank you for your patience.

leonsholo
October 7, 2024

So for me, the icons to the sidebar menu were the ones not reflecting the colour of the actual component, so this is what I did: I had to create a new component with new icons and replace the initial ones I chose and that actually worked.

click_Mao
New Member
January 22, 2025

Has it been fixed? Some of my components and instances change color normally, some don't, but their drawing rules are the same.

Patrick Voet
New Member
February 13, 2025

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.

Cheers for that, I had this issue popping up, and gave your potential fix a try, worked a charm!

Cedric_DELMOTTE
New Member
March 19, 2025

 

Hi, same problem for me, every day! I have to reset components and re-embed all my icons and texts so that my instances return to the desired colors. It's unbearable and a significant waste of time every day.