CSS variables import/export
Copy, paste, import, export CSS and Figma variables
Plugin Preview
About this plugin
Copy, export, or import your local Figma variables into CSS variables format.Each collection is split up into modes and these are printed as "root:" groups in the CSS output.This allows you to restructure the output into your preferred code format.There are 3 tabs in the Export tab:All variables – Print all of your local variables in CSS variables formatCherry pick – Pick two collections to print. For example, a primitive and semantic collectionAll local variables – Each collection is shown as a scrollable tableAnd 2 tabs in the Import tab:Paste CSS – copy from your file and paste CSS variables, then import them as Figma variablesUpload File – Drag and drop a CSS file into the plugin to generate your variables, including aliases
Plugin Details
| Version | 6 |
|---|---|
| Created | February 10, 2025 |
| Last Updated | November 17, 2025 |
| Category | Import & export plugins |
| Creator | Luis Ouriach |
| Stats | 533 installs, 110 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.