Back to Plugins
Export Filtered Variables
Export variables from specific collection and mode
filtervariablesstyle dictionaryexport
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 | 305 installs, 26 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.
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.