Question

How to add multiple hover interactions?

Forum|Forum|3 years ago
November 11, 2022
6 replies
5675 views

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:

Ask the community

This topic has been closed for replies.

Bauke_Schildt1

Check this community file:

Figma

kik_sea

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 ?

Savanne_van_Amstel

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?

Raphael_M

Power Member

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.

98ab4c8926390bb1f8bd79e2e8709ef8b1e350c9.zip

Savanne_van_Amstel

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

Raphael_M

Power Member

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!

c518df60d03c107158756f5780afa3e6a74490d3.zip