Token Exporter

About this plugin

The fastest way to get design tokens out of Figma.Token Exporter reads your Figma variables and exports them as clean, standards-based design tokens. No configuration needed.TWO FORMATS. ZERO COMPLEXITY.JSON Design Tokens (W3C Standard)Spec-compliant .tokens.json following the W3C Design Token Community Group standard. Supports both the Editor's Draft and the 2025.10 Stable specification. Works with Style Dictionary, Token Studio, and any compatible tool.CSS Custom PropertiesReady-to-use .css files with --custom-properties. Multi-mode collections get [data-theme] selectors automatically for built-in light/dark theme support. Drop into any web project, no build step required.BUILT FOR REAL WORKFLOWSVisual token browser with color swatches, dimension bars, and live searchSelect one or many collections. Each exports as its own file, organized by modeMulti-mode support. Light, Dark, High Contrast all export as separate filesFilter by type: Colors, Numbers, Text, BooleansJSON preserves aliases. CSS lets you choose resolved values or var() referencesTabbed export UI with dedicated Code Preview tab. See output update in real timeMode-aware CSS: :root for first mode, [data-theme] for additional modesCopy to clipboard or download as filesWHAT MAKES IT SPECIALW3C compliant, supports Editor's Draft and 2025.10 StableCleans Figma's float precision artifacts. You get 1.1, not 1.100000023841858Smart type mapping: fontWeight, fontFamily, dimension, number. All automatic.No account, no sync service, no setupSmart defaults, fewer toggles