Skip to main content
Antonio21
New Member
November 7, 2024
Question

Hovering on component changes property on all istances

  • November 7, 2024
  • 5 replies
  • 122 views

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.

This topic has been closed for replies.

5 replies

Afsal Kadavath
New Member
April 11, 2025

@Antonio21 did you find why this is happening?

Raphael_M
Power Member
April 11, 2025

Did you use variables when prototyping?

Afsal Kadavath
New Member
April 11, 2025

Did you use variables when prototyping?

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

Antonio21
Antonio21Author
New Member
April 11, 2025

@Afsal Kadavath unfortunately no

Raphael_M
Power Member
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