Skip to main content

I made a button component with 2 variants :


The icon in the button is a Fontawesome icon

image


I wish to preserve color override in these buttons when I swap the instance but on swapping it sets the icon at default black colour

image


I have found multiple topics on color override but they mainly deal with unionized vector icons but I need to keep them as font icons. I’m a bit stuck here and would love some suggestions. Thx

Hi there,


Thank you for getting in touch. Could you please send a screen recording or file link to help us understand the issue you’re experiencing?


According to the article, Figma will attempt to preserve your overrides when you select a different variant, or swap between instances in the Instance menu: https://help.figma.com/hc/en-us/articles/360039150733-Apply-overrides-to-instances#Preserve_overrides.


So, I’m wondering why you see it goes back to default color instead of preserving the color.


Thanks,

Toku


Hi, Toku.


Apparently, this what happens to instances when you changed their colors and then swap instances.




But this only happens to first-time-loaded instances. If you loaded it before, that’s when it will preserve the colors. This is quite annoying, actually.




Thank you for clarifications @Raphael_M! I will give this feedback to the internal team.


Thanks. Btw, the example is not a font icon but just icon in general.


Gotit. Will get back to you all if there is anything I can share with you. Thanks for your patience!


hi @y_toku this is my flow using font icons




I assume Figma’s behaviour is normal here as it replaces the whitened icon with another icon in its original colour, but I’ m looking for a way to keep it white


Thank you for the video! It’s really helpful. I shared this with internal team too.


Will the Figma team finally fix this bug? There are a lot of similar threads and many designers do not want to use workarounds, but simple solutions that should be STANDARD. I am waiting for Figma’s official position on this matter.


I would love a fix for this as well. I’m still manually changing the colours on my replaced font icons. Just out of curiosity, can you tell me what happens with feature or change requests at Figma? I assume they get documented into some sort of backlog, but at what point do you decide to implement it in a sprint? Thx


I don’t use font icons, but have you tried changing the matching the layer names for the text layers? So instead of “fa-clipboard-list-check” you would have something like “icon” for all of them.


After going crazy with this issue with vector icons, I discovered that having the layer names match is essential to preserving colour overrides.


Reply