Back to Plugins
JSON to Variable
Import JSON file to variable
Plugin 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.jsonThe 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
| Version | 10 |
|---|---|
| Created | May 28, 2025 |
| Last Updated | February 2, 2026 |
| Category | Import & export plugins |
| Creator | 善渊 |
| Stats | 20 installs, 6 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML