Component Properties & Variants Bug

I can’t get it why there is no solution. I found a few more open cases with the same problem. I wrote an email to support, they made me explain every single step I make and record a video. It’s been a while and still no answer… There is no way they don’t know about that. At least give a feedback.

I cross post a comment I posted under a different post about the same bug, in the hopes it can help some of you:

A few things i noticed while trying to get it to work (because, yes, it’s still not fixed despite what figma support is telling us).

• Make sure all the components you want to use to instance swap have the exact same layer structure (eg if you have a button with an icon component where you want to switch the icon, each icon must have the same layer structure and therefor the same amount of layers)
• Make sure the layer that recieves the color override has the same name across all the swapped instances so for example i name the last layer of every icon component i create “vector”
• Make sure you dont mix color styles with “custom” color values. E.g. if your button has a default and a hover state dont give the default state icon a named color style and the hover state icon a hex value, either both must use a hex value or both must use a named color style

hope this helps and someone can save the countless hours i wasted trying getting it to work 😅

I noted it on this twitter thread and I’m hoping some internal forwarding will get it prioritized!

And still the bug is here. This is sick. 😭 Instead of a single icon instance a big construction has to be made in order to bypass the bug, when Figma just would have to fix the colors just as they were set in variants. No getting back to initial values, period. 😒

It Worked, thank you! (but only when union of layers and all layers inside have same name inside the icon)

Thank you, doctor! I spent many hours trying to solve this problem and almost went crazy. you have cured me

@Figma_Support any update on this bug?

Still having this issue. It’s not a layer naming error on my part.

The problem is back! All my previously functioning nested components with icons are buggy again. The color of icon resets when changing variant. Figma, what are you doing…

Update: The way I fixed this was by going through every component in my library that has an icon placeholder and changing the color back and forth to reset whatever was making it stuck on the original icon color. Then republishing the library. I really don’t want to do that as often as this bug shows up though.

I can confirm that currently bugs and misbehavior regarding icon/component color changes occur, even with interactive components that 100% worked before.
I’ve noticed that a few days ago…

Thanks! it works. Just continue to use cheats in a $2 billion product

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.