Skip to main content
Question

Overrides & Variant animations

  • February 4, 2022
  • 4 replies
  • 806 views

Johann1

Hey,

When I animate between variants I noticed a limitation. Lot of times I change a nested icon (component) for another one. By doing so I need to change the color of the icon again. I can do that for the initial variant, but not for the variant I animate to, which has a different color.

Any ideas?

This topic has been closed for comments

4 replies

Mojo
  • 67 replies
  • February 4, 2022

If I understood correctly thereā€™s no easy fix, Iā€™m assuming you are using smart animate too. And symbols like icons have different structures inside, and are hard for Figma to compare. Basically a cross icon has more vectors like a minus one, and Figma doesnā€™t know how to handle that sometimes


Johann1
  • Author
  • 3 replies
  • February 4, 2022

Best fix would be something like ā€œtintā€-feature in sketch. I tried something with layer modes, but there is none that is having the desired color as the result.


Johann1
  • Author
  • 3 replies
  • February 5, 2022

Preserve icon colors:

This is what I was looking for.

Simple, name the shape of the icons the same, like ā€œshapeā€ and Figma will apply same color to all icons containing the shape ā€œshapeā€. šŸ™‚


  • 0 replies
  • March 7, 2022

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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings