Skip to main content
Question

While hovering, Figma replaces the current icon with the original symbol


Willian_Coutinho_Paluch

Today, I received my invite to use Interactive components.

But, i created a simple button with a left plus icon.

And, on my interface I replaced plus icon to play icon, for example. When I hovering this button with play icon, it returns to original icon that is plus icon.

Group 1

Help us! 😃

tank666

Could you share a link to your file?


Willian_Coutinho_Paluch

What link? Prototype link with this interactions? If so:

Figma – 16 Mar 21

tank666

Thanks! I looked at your file and noticed that you are using a variant icon component. It turns out that the Default Button and Hover Button have different icons (one component, but different variants). Apparently because of this, there is a discrepancy.

You can try to place the same icon in your variants (so that the Default and Hover have, for example, the Dark Plus icon), and check the prototype.

And by the way, a Figma note:

https://help.figma.com/hc/en-us/articles/360056440594-Create-and-use-variants



Actually, the problem is right here.


Daniel_Cullinan

Thanks, you just saved me from a massive headache! Thought I was going to have to split all my icons out into different components for a moment there.


Reply


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