Back to Plugins
Copy Figma variables to CSS variables

Copy Figma variables to CSS variables

Figma variables in a CSS format

Plugin Preview

Copy Figma variables to CSS variables preview

About this plugin

Copy or export 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 three tabs in the plugin:

  1. All variables – Print all of your local variables in CSS variables format
  2. Cherry pick – Pick two collections to print. For example, a primitive and semantic collection
  3. All local variables – Each collection is shown as a scrollable table

Plugin Details

Version3
CreatedFebruary 10, 2025
Last UpdatedFebruary 18, 2025
CategoryImport & export plugins
CreatorLuis Ouriach
Stats285 installs, 54 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none