How to add multiple hover interactions?

Ask the community
1

Hi Figma community,

I can´t find a way to add multiple interactions to one hover interaction. I want a button to change to it´s focus state while at same time opening a overlay on hover. Is there a way to make it work? Thank you!

Example:

image
image746×410 29.6 KB

2

Check this community file:

3

Hi
I have multiple buttons in a single page that I want to have hovering on them, but when I hover on one of them the other ones have hovering as well.
I mean i want to have multiple hovering in a page but I don’t want them to happen at the same time .
What should I do ?

4

I’m looking for a way to trigger the hover state for multiple elements when hovering on one element, like in the example below. Can’t figure out how to do this. Any tips?

image
image752×490 7.43 KB

5

Hi, Savanne.

There is a feature in Figma called Variables where you will create a variable and attach it on an instance. So when you trigger something and you set the variable, all instances connected to that variable will change simultaneously.

6

Thanks! I tried this but it doesn’t reset when I’m not hovering anymore.

7

Hi, Savanne.

Sorry about that. Instead of hover, you may try using mouse enter and mouse leave.

Please let me know how is it.

Thanks!