Skip to content
Design Tokens (W3C) Export

Design Tokens (W3C) Export

by Abel

Exports Figma Variable collections in the Design Tokens spec into separate JSON files

FreeFigma

Installs

215

Likes

64

Users

2,170

Views

4,601

Preview

Design Tokens (W3C) Export preview

About this plugin

This plugin exports Figma Variable collections into separate JSON files (with variables grouped by modes) in a .zip file for easy download. The files are formatted according to the Design Tokens spec defined by the Web 3 Working Group.

This standard can be consumed by tools such as Style Dictionary to parse your Figma Variables into variables that can be used in your code directly, across different stacks.

Documentation and usage details can be found in the GitHub repository.

More import & export plugins plugins

View all