Skip to main content
Question

How to add multiple hover interactions?

  • November 11, 2022
  • 6 replies
  • 5217 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:

This topic has been closed for replies.

6 replies

Bauke_Schildt1

Check this community file:

Figma

kik_sea
  • 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
  • Power Member
  • 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
  • Power Member
  • 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!