Export Variants
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.FoldersVariant names are used for each folder letting you combine component sets together.File namesA flat, simple approach that creates helpful filenames based on each variant name.NoteWhen 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 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.FoldersVariant names are used for each folder letting you combine component sets together.File namesA flat, simple approach that creates helpful filenames based on each variant name.NoteWhen 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
| Version | 1 |
|---|---|
| Created | July 13, 2021 |
| Last Updated | July 13, 2021 |
| Category | Software development |
| Creator | Kevin Gutowski |
| Stats | 1196 installs, 109 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.