Back to Plugins
Design Token Exporter

Design Token Exporter

W3C-compliant design tokens, straight from Figma

Plugin Preview

Design Token Exporter preview

About this plugin

SummaryTurn your Figma styles and variables into standards-compliant design tokens. This plugin exports your tokens to JSON following the W3C Design Tokens Community Group specification (DTCG). So teams can share visual language reliably across design tools, codebases and platforms.FeaturesW3C compliant design token export. Follows the technical specification of the Design Tokens format moduleSelect which variable and/or styles should be included in the exportThe export output is ready to be used as input for transform tools like Style DictionaryAliasing of tokens is automatically resolved by the pluginA manifest.json describing the output variable modes and styles is included in the export. This files can be used as input for transformer tools.Supported design token typesColorDimensionFont family (scans for font or family in variable naming)Font weight (scans for font or weight in variable naming)Cubic bezierNumberBorderShadowGradientTypographyThe software is provided “as is”, and is subject to change. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the software.

Plugin Details

Version4
CreatedJanuary 7, 2026
Last UpdatedFebruary 20, 2026
CategoryImport & export plugins
CreatorArwin Strating
Stats14 installs, 5 likes
PricingFree

Technical Details

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