Figma Plugin Hub
Back to Plugins
Local Variables to CSS File

Local Variables to CSS File

Design tokens defined in local variables in figma can be output as CSS files.

design tokenscsscss variableslocal variables

Plugin Preview

Local Variables to CSS File preview

About this plugin

[English]

Design tokens defined in Variables can be output as CSS files.

It is possible to specify units for each collection and each token.


[日本語]

バリアブルで定義したデザイントークンをCSSファイルとして出力することができます。

コレクションやトークンごとに単位を指定することが可能です。

Plugin Details

Version3
CreatedDecember 4, 2024
Last UpdatedJanuary 12, 2025
CategoryImport & export plugins
Creatorvoid13kcr
Stats12 installs, 1 likes
PricingFree
Install Plugin

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:plugin.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)

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 - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)

Anima - AI Powered Design to code

Figma to HTML

Figma to HTML

Convert Figma design to HTML

View All Import & export plugins Plugins