How Do You Do Variants in Figma?

Figma is a powerful tool for creating design systems, and one of the most common tasks for designers is to create variants in the design. Variants allow designers to quickly and easily create different versions of a design with minimal effort. The ability to do variants in Figma is essential for any designer who wants to iterate quickly and efficiently on their designs.

To do variants in Figma, you can use the “Variants” feature. This feature allows you to store multiple versions of a design within a single file and quickly switch between them.

To access the feature, open the File menu, select Variants, and then select Create Variant. You can then choose which elements you want to be included in your variant.

Once you have created your variant, you can easily switch between them by selecting the variant from the drop-down menu. You can also edit each variant individually by selecting it from the list of variants in the File menu. To edit a particular element within a variant, simply click on it within the canvas.

You can also use Figma’s “Styles” feature to create variants more quickly. Styles allow you to save properties such as colors, typography, and layout elements so that they can be reused across your designs. To create a style from an element or group of elements, simply select them and click on “Create Style” from the top toolbar.

Using styles makes it easy to quickly create multiple versions of a design without having to manually adjust each element every time. You can also save styles as global objects so that they are available across all files.


Doing variants in Figma is an essential part of any design workflow. With its Variants and Styles features, designers can easily create multiple versions of their designs with minimal effort. By using these features, designers can iterate quickly and efficiently while ensuring consistency across their designs.