Skip to main content
sherise.psaila
sherise.psaila
New Member
May 25, 2025 9:22 PM UTC
Solved

Hover State Flickering Issue

Hi everyone! I'm fairly new to Figma, but I'm starting to get the hang of it. However, I’ve run into an issue with the hover interaction. I've used it throughout my project without any problems, but now, any new components I create with a hover state are flickering when hovered over. It's confusing because the same interaction has worked fine until now. Has anyone experienced this or know how to fix it? I'd really appreciate any help! (Attaching a gif for better understanding) 

This topic has been closed for replies.
Ondrej_Pavlicek
Ondrej_PavlicekSolution
Figma Ambassador
May 25, 2025 9:49 PM UTC

Thanks for sharing the screenshots. It looks like the hover variant has a prototype connection that triggers another hover interaction. When it switches back to default, the hover is triggered again, causing a flickering loop.

Try removing the connection from the hover variant back to the default state. The hover effect will still work without it.

Hope it helps!

Product designer @ NETWORG | Designing Model-driven Power Apps in Figma | Power Apps DesignKit (Model-driven) | Disclosure: I’m part of Figma’s Forum Ambassador program.
View in thread

5 replies

Ondrej_Pavlicek
Figma Ambassador
Ondrej_Pavlicek
Figma Ambassador
May 25, 2025 9:31 PM UTC

Hi there!

Would you be able to share a screenshot of the prototype interaction settings for the component that’s flickering? That might help identify what’s going wrong.

Product designer @ NETWORG | Designing Model-driven Power Apps in Figma | Power Apps DesignKit (Model-driven) | Disclosure: I’m part of Figma’s Forum Ambassador program.
sherise.psaila
sherise.psailaAuthor
New Member
May 25, 2025 9:40 PM UTC

Hi! I’ve attached the settings for the component below. What’s confusing is that I’ve been using the same settings for all components with the hover feature throughout the project, and they’ve worked fine—until now. Suddenly, any new components I create start flickering on hover, while the older ones still work perfectly. Not sure what changed! Many thanks!

 

    Ondrej_Pavlicek
    Figma Ambassador
    Ondrej_PavlicekSolution
    Figma Ambassador
    May 25, 2025 9:49 PM UTC

    Thanks for sharing the screenshots. It looks like the hover variant has a prototype connection that triggers another hover interaction. When it switches back to default, the hover is triggered again, causing a flickering loop.

    Try removing the connection from the hover variant back to the default state. The hover effect will still work without it.

    Hope it helps!

    Product designer @ NETWORG | Designing Model-driven Power Apps in Figma | Power Apps DesignKit (Model-driven) | Disclosure: I’m part of Figma’s Forum Ambassador program.
    sherise.psaila
    sherise.psailaAuthor
    New Member
    May 25, 2025 9:55 PM UTC

    Thank you so much! That worked perfectly. I’ve been trying to fix this all day, I really appreciate the help!

      Ondrej_Pavlicek
      Figma Ambassador
      Ondrej_Pavlicek
      Figma Ambassador
      May 25, 2025 10:06 PM UTC

      Glad to hear that!

      Product designer @ NETWORG | Designing Model-driven Power Apps in Figma | Power Apps DesignKit (Model-driven) | Disclosure: I’m part of Figma’s Forum Ambassador program.
      Terms & ConditionsAccessibility statement