How do I change the button state in Figma?

How do I change the button state in Figma?

In web design there's button states based on mouse action. Usually the most popular states are normal, hover, active and visited. Figma designers most of the times create a brand guideline wireframe with all the existing components and their buttons states.

Usually that's enough for the developer who will be taking care of implementing your design into the actual working website.

How do I change the button state in Figma?

But if you're looking for a way to actually animate the states in the prototype view then I've made a tutorial about it a few weeks ago. You can check it out here:

How do I make an Interactive Button in Figma?

Personally I rarely design interactive states for my prototypes . The wireframes get too complex and if you share your Figma file will another designer or with your developers they will probably just be confused.

The best practice is to keep a wireframe exclusively for states of components. That way you have all the buttons and layers that contain different states all in the same place. It's easier to implement the frontend that way as opposed to having them working as prototypes because the person implementing it will have to go trough all the wireframes and waste time actually trying to find the state they're trying to code. 

In short, I've covered a simple way to prototype button states in Figma in a previous tutorial linked above but I personally wouldn't spend time actually doing it because the developer in charge of coding your design will probably be more confused than happy.