Back to Plugins
Export Variants

Export Variants

<p>Easily export your variants to SVG. </p><p><br></p><p>Figma variants are neat however they can be frustrating to export since you can't control the naming scheme. This plugin lets you export your variants in two key ways: <strong>folders</strong> and <strong>file names</strong>.</p><p><br></p><p><strong>Folders</strong></p><p>Variant names are used for each folder letting you combine component sets together.</p><p><br></p><p><strong>File names</strong></p><p>A flat, simple approach that creates helpful filenames based on each variant name.</p><p><br></p><p><strong>Note</strong></p><p>When using a boolean variant the property name will be used for the "true" or "on" state while variants with "off" or "false" states will have the property omitted.</p>

structuredvariantssvgexport

Plugin Preview

Export Variants preview

About this plugin

Easily export your variants to SVG.


Figma variants are neat however they can be frustrating to export since you can't control the naming scheme. This plugin lets you export your variants in two key ways: folders and file names.


Folders

Variant names are used for each folder letting you combine component sets together.


File names

A flat, simple approach that creates helpful filenames based on each variant name.


Note

When using a boolean variant the property name will be used for the "true" or "on" state while variants with "off" or "false" states will have the property omitted.

Plugin Details

Version1
CreatedJuly 13, 2021
Last UpdatedJuly 13, 2021
CategorySoftware development
CreatorKevin Gutowski
Stats1113 installs, 93 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js