Figma Tokens Importer / Exporter
by Yauheni Hamza
Import CSS design tokens into Figma variables and export them back as CSS
Installs
60
Likes
2
Users
1,202
Views
310
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
More import & export plugins plugins
View allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF