Components, variants and auto layout

In Figma, a component is a reusable element whose copies (instances) inherit changes from the main component. Variants group its versions (state, size, type) in a single set. Auto layout automatically manages the layout, spacing and resizing of elements according to their content.

Example

A Button component with primary and secondary variants, in default, hover and disabled states.

Related concepts

The whole glossary