Back to Plugins
Token CSS exporter-dev mode

Token CSS exporter-dev mode

Export Figma variables to CSS tokens

Plugin Preview

Token CSS exporter-dev mode preview

About this plugin

-Export all Figma variables to CSS — Generates well-structured CSS custom properties based on your variable collections and modes.-Organized output — CSS tokens are grouped into logical sections and orders, making the code clear and maintainable.-Simple actions:Add company suffix – Adds a suffix at all the values to prevent CSS conflicts. Press Enter or click "Update" button to apply.Update – Re-scan your file and update the token listCopy – Instantly copy the generated CSS to your clipboardDownload – Save the tokens as a .css fileIf you like it, feel free to buy me a coffee

Plugin Details

Version7
CreatedDecember 8, 2025
Last UpdatedFebruary 18, 2026
CategorySoftware development
CreatorDaidai
Stats5 installs, 3 likes
PricingFree

Technical Details

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