Figma Button Group

Figma Button Group

The Button Group component combines multiple Buttons or Toggles into one flexible component.

Button groups provide multiple options for logically linked actions, pages, or links. You can use button groups to switch between UI sections, create toolbars, and split buttons, or group related actions together (e.g., "Previous/Next," "Bold/Italic/Underline")

Button Groups UI Best Practices

• Only group buttons that are truly related in function - don't group actions just because they appear on the same screen. If actions or options are not related to each other, consider using Tabs instead.

• Combine button groups with other UI elements to create advanced filters or controls. Adapt button styles from primary to secondary to match with surrounding elements.

Copy to Figma