Back to Plugins

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 tokens
- Datatypes for numbers such as px, em, rem in CSS are automatically converted to Figma float values
- CSS/SCSS variable syntax is supported
File import types extended to accept SCSS
- You can now toggle between importing variables from a JSON file or an SCSS file
Merge duplicate variable values
- File 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 importing
- You 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 | 3 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