Why It Matters
Component sets replaced the old "variant" workflow and represent a major evolution in Figma's component architecture. Instead of having separate Button/Primary, Button/Secondary, Button/Disabled components, you have one Button component set with Type and State properties. This simplifies your asset panel and makes component selection more intuitive for designers.
Examples
1
A Button component set with properties: Type (Primary, Secondary, Tertiary), Size (Small, Medium, Large), State (Default, Hover, Pressed, Disabled).
2
An Input component set combining Text Input, Password Input, and Search Input variants with Error and Disabled states.
3
A complete icon component set containing 200+ icons, all accessible through a single Icon component with a Name property.
How BiblioKit Helps
RenameVariantsAI helps you batch rename variant properties across your component sets, ensuring consistent naming conventions throughout your design system.
Related Terms
Variant Property
A configurable attribute of a component set that allows users to switch between different variations of a component, such as size, state, or type.
Main Component
The original, source component that defines the structure, styles, and behavior that all its instances inherit.
Instance
A linked copy of a main component that inherits its properties and automatically updates when the main component changes.
Naming Conventions
Standardized rules for naming design elements like layers, components, variants, and tokens to ensure consistency and improve team collaboration.
Explore More Design Terms
Browse our complete glossary of Figma and design systems terminology.