A few years ago there was a fix - The icon on the instance inherit color override, imposed by main component, when swaping icon or changing variant. Great!
but…
Problem
If I modify the icon color on the main component - change color style or manually pick new one, doesn’t matter. The instance with swapped icon doesn’t notice the change!
Steps to reproduce:
- Place an instance
- Swap the icon on instance
- Change variant's (main component) icon color
- Instance's icon color will remain not updated
Note: Of course, all layers properly named to keep the naming integrity.
The example:
Current, far from being perfect, workaround:
- If you change an instance to a different variant and change it back, the color will update. Obviously, a lot of effort when you have 15k instances of the modified badge.
- Use unique variable (semantic). Modify value but don’t touch the name! Sounds nice but be real, semantic naming for each element is an overkill for 80% of the products.
- Hated but still working - color overlay by union. Old but stable workaround. Unfortunately, force to use bounding boxes for propper sizing and allows a single color only (doesn;t support accents).
Solution?
The Figma have to improve listener for the color adjustments. It works if the color naming is kept - style or variable with dedicated name. It fails then the color names changes - other style, variable, custom color name.