Skip to main content

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:

  1. Place an instance
  2. Swap the icon on instance
  3. Change variant's (main component) icon color
  4. 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.

Be the first to reply!