Back to Plugins
JSON to Variable

JSON to Variable

Import JSON file to variable

Plugin Preview

JSON to Variable preview

About this plugin

You can import a JSON file to create grouped Figma variables. you can download the pre-structured Tailwind color palette JSON file via the link as a starting point:


Tailwind colors structured.json


The following is an example of a correctly formatted JSON:

[
{
"CollectionName": {
"modes": {
"ModeName": {
"GroupName": {
"Primary": {
"$value": "#FFFFFF",
"$type": "color"
},

"secondary": {
"$value": "#F5F5F5",
"$type": "color"
}
},
"GroupName2": {
"primary": {
"$value": "#2196F3",
"$type": "color"
}
}
}
}
}
}
]

Plugin Details

Version5
CreatedMay 28, 2025
Last UpdatedMay 29, 2025
CategoryImport & export plugins
Creator善渊
Stats1 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none