Design Token Exporter

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 typesColorComposed colors (solid + opacity token)DimensionFont family (uses variable scope, falls back to scanning for font or family in the name)Font weight (uses variable scope, falls back to scanning for font or weight in the name. Supports numeric and text values)Cubic bezierNumberBorderShadowGradientTypographyDurationThe 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.