How Do I Change Variants in Figma?

Figma is a powerful prototyping and design tool used by designers and developers alike. With a simple yet powerful interface, it allows you to create beautiful, high-fidelity designs with ease. One of the most useful features in Figma is the ability to change variants with a few clicks.

Variants are versions of the same design. For example, you might have a website in two different languages: English and Spanish.

With Figma variants, you can quickly switch between them without having to recreate the entire design from scratch. This saves time and reduces the chance of errors.

To change variants in Figma, open the file you want to modify and select the “Variants” tab on the left side panel. Here you will see a list of all available variants for that particular file. You can rename or delete existing variants or create new ones if needed.

Once you have selected your desired variant, click on it to open up its settings panel. Here you will find options to customize your variant such as changing colors, fonts, or adding elements like photos or text boxes.

You can also add constraints to your variant which allow you to control how elements are resized when switching between different device sizes or orientations. This is particularly useful when creating responsive designs that look good on all devices.


Changing variants in Figma is easy and straightforward – simply open up the Variants tab on the left side panel and select your desired variant. From there you can customize it with options like changing colors, fonts and adding elements as well as adding constraints for responsive designs that work across all devices.