Back to Plugins
Dev Variables

Dev Variables

A plugin which convert figma variables into a ready dev json.

variables to jsonvariablesdeveloperjson

Plugin Preview

Dev Variables 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

Version11
CreatedOctober 9, 2023
Last UpdatedOctober 19, 2023
CategorySoftware development
CreatorMohamed Ben Nouba
Stats154 installs, 21 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com