Back to Plugins
Dev Variables
A plugin which convert figma variables into a ready dev json.
variables to jsonvariablesdeveloperjson
Plugin Preview
About this plugin
This Dev Variables plugin serves the purpose of transforming Figma variables into a JSON format that is readily usable in development.
Its use cases include:
- Generating translation files for languages like Arabic (ar.json) and English (en.json)
- Extracting design system token (colors, radius...) for use in development.
The plugin now includes a convenient copy button for copying the JSON data. Additionally, I'm currently working on adding the functionality to download the JSON as a file and the ability to push them directly to your GitHub repository.
Plugin Details
| Version | 11 |
|---|---|
| Created | October 9, 2023 |
| Last Updated | October 19, 2023 |
| Category | Software development |
| Creator | Mohamed Ben Nouba |
| Stats | 167 installs, 22 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
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.