Skip to main content
Question

Hovering on component changes property on all istances

  • November 7, 2024
  • 5 replies
  • 29 views

Antonio21

Hello community,
I’ve just creted my first Figma design and I get an unexpected behavior on a component.

I’ve created a card component to showcase company services. The card layout is the following:

The “Scopri di più” button is an istance of another component and it’s set to revert its colors when hovered.

Problem is: when hovering on the “Scopri di più” button, all istances of the button within the same component and its istances are reverting to the hover state. This is not happening for the instances of the same button OUTSIDE the card components.

All interactions seems to be correctly set, so I can’t really understand how to solve.

Here’s the link to the Figma file: Figma file

Thank you for support.

5 replies

Afsal Kadavath

@Antonio21 did you find why this is happening?


Raphael_M
  • Power Member
  • 339 replies
  • April 11, 2025

Did you use variables when prototyping?


Afsal Kadavath
Raphael_M wrote:

Did you use variables when prototyping?

yes, single screen - and entire flow is using variables.


Antonio21
  • Author
  • New Member
  • 1 reply
  • April 11, 2025

@Afsal Kadavath unfortunately no


Raphael_M
  • Power Member
  • 339 replies
  • April 11, 2025

@Afsal Kadavath if possible just make a component of it and use change to for the hover instead of set variable. Because all the variable would be connected to each other if you're only using one variable, so either you make a lot of variable and prototype in 1 by 1, or just use change to action


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