Bulk import Figma variables from file
Bulk import Figma variables using a JSON file or SCSS file
Plugin Preview
About this plugin
* NEW as of Nov 26, 2025 *Exciting new updates:More variable types supported:Added support for color, number, and string tokensDatatypes for numbers such as px, em, rem in CSS are automatically converted to Figma float valuesCSS/SCSS variable syntax is supportedFile import types extended to accept SCSSYou can now toggle between importing variables from a JSON file or an SCSS fileMerge duplicate variable valuesFile parsing will detect if the same value is assigned to multiple variables and will give you the ability to create aliases by default, the first instance of a value is assigned as the "root"Create groupings before importingYou can now group variables into separate groups prior to importing them into your variable collection______________This Plugin is a simple utility to create Figma variables in bulk from a JSON or SCSS file. Choose to create a new variable collection or import variables into an existing variable collection
Plugin Details
| Version | 4 |
|---|---|
| Created | October 23, 2025 |
| Last Updated | November 26, 2025 |
| Category | Import & export plugins |
| Creator | Nicholas Chin |
| Stats | 6 installs, 1 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