How Do You Make a Working Button in Figma?

Making a working button in Figma can be an easy task for most users. It’s a simple enough process that once you understand the different tools and concepts, you’ll be able to create buttons like a pro.

The first step is to create your frame.

To do this, you will need to select the rectangle tool and draw the shape of your frame. When you draw it, you should also set its size and position so that it will look good on your page or app. You can also adjust its color, borders, and corner radius to create the desired design aesthetic.

Next, you will need to add some text inside of your frame. You can do this by selecting the text tool and typing in whatever text you want for your button. You can change the font style, size, alignment, and color of the text depending on your preference.

After that is finished, you will need to add an action to the button. To do this, go into the layers panel and select “Add Action” from the list of options. This will open up a new window where you can choose which action to assign to this button such as opening a link or submitting a form.

Finally, it’s time to make sure your button is actually working correctly. To do this, simply select “Preview” from the top menu bar and then click on your button in order to test it out.


Making a working button in Figma is not difficult once you know how all of its tools work together. With just a few steps – creating a frame, adding some text inside it, assigning an action – you can quickly make beautiful buttons that are fully functional too!