Skip to main content
Question

Need your kind help with prototyping

  • September 16, 2024
  • 2 replies
  • 12 views

Hi everyone!

Not new to Figma, but for some reason the following melts my brain =) I’d appreciate your kind help on how to best prototype it. Variables are ok, I have a paid account.

Here is the situation: a button with 3 states (default, hover, pressed). When hovered, it should go to “hover” state. This is easy.

Now, when pressed, I need the button text to change. A becomes “grayed out” and B becomes “active”. The button should stay in this state until I press it again (A becomes “active” and B becomes “grayed out”).

What are the optimal ways to prototype this?
Thanks a lot!

This topic has been closed for replies.

Raphael_M
  • Power Member
  • September 17, 2024

I’m assuming you mean click. Because while there is a pressed function, it’s weird to say press it again, and then you said that the second press interchange them.

But how will it go back to the default state when clicking the button again means interchanging between pressed states?


  • September 17, 2024

Hey!

Thanks a lot for thinking along! I’ve meanwhile solved it with a number of Mouse enter/Mouse leave and Mouse down/Mouse up interactions.

Sometimes solutions are closer than we think =)


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