Back to Plugins
Token CSS exporter

Token CSS exporter

Export Figma variables to CSS tokens

Plugin Preview

Token CSS exporter 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:

  1. Add company suffix – Adds a suffix at all the values to prevent CSS conflicts. Press Enter or click "Update" button to apply.
  2. Update – Re-scan your file and update the token list
  3. Copy – Instantly copy the generated CSS to your clipboard
  4. Download – Save the tokens as a .css file

If you like it, feel free to buy me a coffee

Plugin Details

Version6
CreatedDecember 8, 2025
Last UpdatedJanuary 21, 2026
CategorySoftware development
CreatorDaidai
Stats3 installs, 2 likes
PricingFree

Technical Details

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