Design Token Exporter

About this plugin

Summary

Turn 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.

Features

1. W3C compliant design token export. Follows the technical specification of the Design Tokens format module
2. Select which variable and/or styles should be included in the export
3. The export output is ready to be used as input for transform tools like Style Dictionary
4. Aliasing of tokens is automatically resolved by the plugin
5. A 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 types

1. Color
2. Dimension
3. Font family (scans for font or family in variable naming)
4. Font weight (scans for font or weight in variable naming)
5. Cubic bezier
6. Number
7. Border
8. Shadow
9. Gradient
10. Typography

The 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.