How Do I Make a Button Group in Figma?

Creating a button group in Figma is an essential part of web design, as it allows you to quickly and easily create a cohesive, user-friendly experience for visitors to your website. It’s important to understand the basics of how to use Figma’s tools before you start creating button groups, but once you get the hang of it, making them is easy.

Step 1: First, you’ll need to select the objects that will form your button group. To do this, click and drag a selection box around all of the objects that you want to include in your group.

You can also use the Shift or Ctrl/Cmd key to select multiple objects at once. Once all of your objects have been selected, right-click and choose “Group”.

Step 2: Now that your objects have been grouped together, it’s time to style them. You can use Figma’s properties panel on the right side of the screen to adjust things like size, color, font weight and more. You can also add different effects such as shadows or borders if you want to make your buttons stand out even more.

Step 3: Finally, if you want to add some functionality to your button group (for example, if you want them all to navigate somewhere when clicked), click on one of the buttons in your group and then click on “Interactions” in the properties panel on the right side of the screen. Here you can set up which action should be triggered when each button is clicked.


Creating a button group in Figma is a great way to quickly and easily create a cohesive look for any website or app. With just a few clicks, you can make sure that all of your buttons are styled correctly and have any necessary functionality attached to them.