Back to Plugins
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 tokens
- Automatically resolves variable aliases to var() references
- Export all Figma variables back to CSS with proper formatting
- Supports COLOR, FLOAT, STRING, and BOOLEAN variable types
- Dark-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 | 2 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