Figma UI component

Figma Button Group component

A Button Group component for Figma, used to visually and functionally group multiple related buttons together. It ensures consistent spacing and alignment, making it easy to present sets of actions as a cohesive unit.

Usability tip

Use Button Groups to connect actions that share a similar purpose, like view toggles or grouped filters. Avoid overcrowding them with too many options as it can reduce clarity and tap precision on mobile.

Usage

Ideal for toolbars, segmented controls, or grouped navigation elements where users can switch between related states or actions.

shadcn/ui Components are available in our Base Figma UI Kit.

Female avatar image
Female avatar image
Female avatar image

Join top designers leading the way with Shadcraft

Become an ambassador and get a free kit.

Female avatar image
Female avatar image
Female avatar image

Join top designers leading the way with Shadcraft

Become an ambassador and get a free kit.

Female avatar image
Female avatar image
Female avatar image

Join top designers leading the way with Shadcraft

Become an ambassador and get a free kit.

Stay in the know

Keep updated on all things happening with Shadcraft.

We respect your privacy

Stay in the know

Keep updated on all things happening with Shadcraft.

We respect your privacy

Stay in the know

Keep updated on all things happening with Shadcraft.

We respect your privacy