# What is Variants?

A system for grouping related Figma components by named properties like size and state. All versions live in one component set for easy management.

## In real work

Set up Button variants: Size (sm, md, lg) and State (default, hover, disabled). All in one component set.

## Related terms

- [Component](https://prompthausapp.com/learn/component.md)
- [Instance](https://prompthausapp.com/learn/instance.md)
- [Auto Layout](https://prompthausapp.com/learn/auto-layout.md)
- [Variables](https://prompthausapp.com/learn/variables.md)
- [Hierarchy](https://prompthausapp.com/learn/hierarchy.md)

## How is this different from Googling it?

Google gives a definition. Prompthaus pairs each term with how it shows up in standups, PRs, prompts, and design reviews—then quizzes you until the word sticks. One term a day on iPhone.

- Category: Design
- HTML: https://prompthausapp.com/learn/variants
- App Store: https://apps.apple.com/us/app/prompthaus-ai-vocabulary/id6776314407