Skip to main content

Hi there,

Is there any solution to this, what seems like a persistent problem of component instances not updating properly when there’s a color change in the main component. I’m seeing a lot of issues people are having with this.

My context is, I have an icon button component with a nested icon component. The properties for the icon button have a dark variant, where the icon color is changed to white. The problem is, when using an instance of the icon button and switching to a dark variant, the color of the icon (white) is not following, but is shown as original icon component color (black). 

I have updated my nested icon component so all of the icons are in a single component with proper layer names and structure with only one flattened vector layer as instructed in many of the comments. The issue still persists.

Thanks for looking into this issue and thanks for all your help!

I’ve made a community file to help my co workers fix the issue base on this reply, with some added explanations! Take a look here 👇
https://www.figma.com/community/file/1494650214610700603/retain-color-when-swapping-icons.

But, honestly, I wish Figma would just dedicate a sprint or two to fix this bug. It's been killing our productivity for years, and they’ve just let it rot.

 


Reply