---
title: "How to Make a Button in Figma"
h1: "How to Make a Button in Figma"
description: "Discover step-by-step instructions on how to create stunning buttons in Figma. Enhance your design skills and elevate your projects with our expert tips."
route: "/learn/how-to-make-a-button-in-figma"
canonical: "https://www.layerpath.com/learn/how-to-make-a-button-in-figma"
---

# How to Make a Button in Figma

This guide will walk you through the steps to create a button in Figma. Follow each step carefully to design a centered button effectively.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cm99uw9l70015la0ctp69ulfg/tour

Tour id: cm99uw9l70015la0ctp69ulfg

1. **Create a Shape** – Use the **Rectangle Tool (R)** to draw the base of your button. Adjust size to fit your design.
2. **Add Text** – Select the **Text Tool (T)** and type your button label (e.g., “Submit” or “Click Me”).
3. **Center the Text** – Align the text in the center of the shape using Figma’s alignment tools.
4. **Group Elements** – Select both shape and text, then press **Ctrl/Cmd + G** to group them together.
5. **Add Fill and Border Radius** – Customize button color and round the corners using the right panel.
6. **Create a Component** – With the button selected, press **Ctrl/Cmd + Alt + K** to turn it into a reusable component.
7. **Add Interactions (Optional)** – Use **Prototype** tab to link the button to other frames or actions.