Skip to main content
Question

How to add multiple hover interactions?

  • November 11, 2022
  • 6 replies
  • 4363 views

Fabio13

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:

6 replies

Bauke_Schildt1

Check this community file:

Figma

kik_sea
  • 1 reply
  • March 7, 2023

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
  • Active Member
  • 328 replies
  • March 7, 2024

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.


Savanne_van_Amstel

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


Raphael_M
  • Active Member
  • 328 replies
  • March 11, 2024

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!


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