Skip to main content
Question

Understanding button functions and behaviors


blender breath

Hello Figma community.

 

Im coming from the world of 3D design, and figma is a new interaction field for me. 

I have a question regarding some buttons and how they behave which is confusing me to understand, so I hope the community can help me out.

 

I have a task to make a button with 6 different states, some states have a bracket with (on) & (off) which I dont understand why, if someone can ellaborate on this would be great.

 

I have made an example on how I believe these buttons should be, if they become interactive.

And I also have uploaded a practise PNG if someone would like to do his or her own version.

 

  1. why is there 2 states with the same name, Default, Pressed, hover?
    This is my understanding how it would be, the offs would be less bright and darker.
  2. The hovering states one would be brighter when the mouse hovers, and the hover off would be dark I suppose.
  3. Silliest question ever, but is Pressed ON, when the button is active, or when the mouse clicks on it? Im super concused with pressed OFF, is that the mouse release? 

 

If somoene would like , they can also do a layout so I can see, how it would be correctly done

 

 

 

Thanks kindly for your help community.

0 replies

Be the first to reply!

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