Web Design » Figma » Can Figma Variants Be Different Sizes?

Can Figma Variants Be Different Sizes?

Last updated on September 29, 2022 @ 1:40 am

Differentiating between product variants can be difficult, especially when those variants are different sizes. That’s where Figma comes in. With Figma, you can create variants that are different sizes without having to create separate files for each size.

To do this, simply create a Frame in Figma and change the width and height values to match the desired size of your variant. Then, duplicate the Frame and change the width and height values to match the other desired size.

PRO TIP: If you are using Figma variants and your objects are different sizes, there is a chance that your design will break. Make sure that all objects are the same size when using variants.

Now you have two different sized Frames, each containing the same content. To turn these into variants, select both Frames and click on the “Create Variant” button in the upper right-hand corner.

You can now name your variants and save them. When you’re ready to use them, simply select the desired variant from the drop-down menu in the upper left-hand corner.

Figma makes it easy to create product variants that are different sizes without having to create separate files for each size. This can save you time and effort when creating multiple versions of a product.

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.