Export Filtered Variables
Export variables from specific collection and mode
Plugin Preview
About this plugin
This plug-in is made for my personal workflow. I like having token files for its role and mode then combine them through style dictionary. So, I tweaked Figma's official sample code to add filters for collections and modes.Differences from Figma's code:You can export specific collection or mode.Token attributes for Style Dictionary (If variable type is color or its name contains "sizing", "spacing", "borderRadius", "dimension", "borderWidth").No comment inserted in the result if collection is specified.
Plugin Details
| Version | 7 |
|---|---|
| Created | June 26, 2023 |
| Last Updated | November 19, 2023 |
| Category | Software development |
| Creator | Shunsuke |
| Stats | 357 installs, 28 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:{"export": "export.html"}
- main:code.js
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.
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.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code