It seems like Figma is cursed with component instances not updating properly when there’s some color change in main components
I’ve run into issues like this before. Thanks to this community, I was able to fix them temporarily—but now there’s yet another weird bug happening.
I did a very short video showing the problem: Dropbox Capture
tl;dr: If I make any color change in an icon used in a main component (in a library), the change is not carried over to the component instances (in other files)… unless I change the instance to a different variant and then revert it back to its original form.
I’ve also noticed that if i change an aspect of a component - when I update it, the update isn’t made to the changed element. I suppose on some level that makes sense, but then again, it almost defeats the point of a flexible component, because you have to manually seek out all the components that you once changed in order to make the update…so the point of a design system being effortless to update is not true.
I’ve been having tons of issues with this as well, even after ensuring all the naming and layer structures are set up properly as per the common advice for trying to fix this issue.
I still have ongoing issues with icons not retaining their override colours in prototype mode. Heck, nested components in general are extremely buggy right now, with component variants just “forgetting” their interaction triggers when in prototype mode.
This was not an issue only a couple updates ago. Figma, PLEASE look into this, it’s clear that many people are encountering this issue.
Thank you for this @ahmadfawaid! This is a hacky workaround very similar to this one.
All I have to say to Figma leadership here is that it’s absolutely maddening and frustrating that such old and persistent bug is not treated as a priority by the company… and we are all left trying to come up with front-end-hostile bugs like these.
I don’t understand how it was fixed.