Web Design » Figma » How do you make button states in Figma?

How do you make button states in Figma?

Last updated on September 24, 2022 @ 7:22 pm

How to Make Button States in Figma

When designing a website or app, it’s important to include buttons that allow users to take different actions. In Figma, you can easily create button states by using the States panel.

To create a new button state, open the States panel and click on the + button. From the resulting menu, select Button State.

PRO TIP: Please be aware that Figma does not currently support button states. This means that you will not be able to create hover, active, or focus states for your buttons. We recommend using a different design tool if you need to create buttons with states.

Next, enter the name of the button state and click on the Create button state button.

Now, you’ll need to define the properties of the button state. To do this, open the Properties panel and click on the + button.

From the resulting menu, select Button State.

From.

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.