Dev Variables
by Mohamed Ben Nouba
A plugin which convert figma variables into a ready dev json.
Installs
181
Likes
22
Users
3,948
Views
2,012
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.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.