Back to Plugins
Design Tokens (W3C) Export

Design Tokens (W3C) Export

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

design tokensvariablesexportdesign systemjson

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

Plugin Details

Version4
CreatedMay 30, 2024
Last UpdatedSeptember 26, 2024
CategoryImport & export plugins
CreatorAbel
Stats40 installs, 22 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/index.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/