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
Stats9 installs, 0 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

Figma to HTML

Figma to HTML

Convert Figma design to HTML

TinyImage Compressor

TinyImage Compressor

Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma

View All Import & export plugins Plugins