Back to Plugins
variables2json
Input some variables and get some json
design tokenstokensvariablesexportjson
Plugin Preview
About this plugin
This plugin will easily export all publishable variables and export them in a json file. For feedback and support you can create an issue in the repo
Instructions
- Install plugin
- Run command ”variables2json”
- View all variables and export them (or copy/paste manually)
Supported variables
- ✅ color
- ✅ number
- ✅ string
- ✅ boolean
- ✅ alias
Local styles
All styles not yet represented as variables are also exported to the JSON file. These contain 3 types:
- ✅ Text styles
- ✅ Effect styles
- ✅ Grid styles
Features in development 🚧
- Composites: Assign metadata to Frames and group variables and styles together to get powerful groupings.
- Git sync.
For feature requests and help with issues. Please visit the repo!
Plugin Details
| Version | 6 |
|---|---|
| Created | June 22, 2023 |
| Last Updated | July 8, 2023 |
| Category | Software development |
| Creator | Mark Mooibroek |
| Stats | 1435 installs, 218 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/src/ui/ui.html
- main:dist/src/code/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.