Skip to main content
Question

Prototyping best practices for hover and click effects


Ari2

I’m new to Figma, so I may have just missed the easy way to do this.

Goal
I want to prototype screens with simple hover or click effects. For example, showing a trash icon on hover. There might be 20 of them on a screen.

Problem*
I know I can create 20 separate frames and then have then display on hover. But that’s really cumbersome.

There is also no show-toggle action. That is, I can either have click to display a frame or click to hide it, but not both.

Layers

Ideally, I’d like to be able to have prototyping hide and show selected layers. With a toggle. That solves everything I’m trying to do.

Am I missing a better way to do this?

This topic has been closed for replies.

2 replies

Grant_Novey

I would make a single component with a variant for hover. Use the prototyping tools on the component itself. This should allow you to design once and use it multiple times.


  • 0 replies
  • July 18, 2021

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


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