Figma Button Group
Figma Button Group
Preview
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.
Figma Button Group
Button Group
button group example
figma components
figma ui kit
Interactive component