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 | 499 installs, 105 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