Figma Tokens Importer / Exporter
Import CSS design tokens into Figma variables and export them back as CSS
Plugin Preview
About this plugin
A two-in-one plugin for managing design tokens in Figma.Import: Load your CSS custom properties (primitives, semantic, components) as Figma variables. Supports combined or separate collections for flexible token architecture.Export: Read all Figma variable collections and preview them as CSS custom properties. Copy to clipboard or download as a .css file.Features:Import tokens from .css files organized by level (primitives, semantic, components)Choose between combined or separate collections for semantic and component tokensAutomatically resolves variable aliases to var() referencesExport all Figma variables back to CSS with proper formattingSupports COLOR, FLOAT, STRING, and BOOLEAN variable typesDark-themed CSS preview with copy and download options
Plugin Details
| Version | 5 |
|---|---|
| Created | February 8, 2026 |
| Last Updated | February 11, 2026 |
| Category | Import & export plugins |
| Creator | Yauheni Hamza |
| Stats | 8 installs, 0 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