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 | 52 installs, 2 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.
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes
Export/Import Variables
Export variables from one file and import them to another. Supports modes, references, and scopes.