Token Importer
Import JSON & CSV design tokens into Figma variables, correctly and effortlessly
Plugin Preview
About this plugin
Token Importer helps designers and teams import design tokens from .json or .csv files directly into Figma as properly typed variables.
It automatically detects token types and maps them correctly to Figma variables i.e. colors as COLOR, numbers as FLOAT, booleans as BOOLEAN, and strings as STRING, without manual setup or cleanup.
Your token structure is preserved by creating organized variable collections, with support for merging into existing collections instead of duplicating them. Before importing, you can preview all tokens, including color swatches, so you know exactly what will be created.
Whether you are working with colors, spacing, typography, or other design tokens, Token Importer makes moving tokens into Figma fast, predictable, and reliable.
Features:
- Import .json and .csv token files
- Smart type detection and correct variable mapping
- Collection-aware imports with merge support
- Preview tokens before creating variables
- Supports multiple files in a single workflow
Built for designers who want their tokens to just work.
Plugin Details
| Version | 6 |
|---|---|
| Created | February 16, 2026 |
| Last Updated | February 24, 2026 |
| Category | Import & export plugins |
| Creator | Prelisa Dahal |
| Stats | 0 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/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