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 | 266 installs, 21 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
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI