Token Loader

A plugin to load tokens (from StyleDictionary), and convert them in to Local Variables

alias tokenstokensstyle dictionaryimport variablesjson to variableslocal variablesjson

Plugin Preview

Generate a `tokens.json` using something like Style Dictionary.

example tokens.json:

[

{

"name": "core/color/black",

"value": "#000000"

{

"name": "alias/color/black",

"value": "#000000",

"aliasOf": "core/color/black"

}

]

Typescript types for the tokens:

interface VariableToken {

name: string; // an/example/name

value: unknown;

}

interface AliasToken extends VariableToken {

aliasOf: VariableToken['name'];

}

type Token = VariableToken | AliasToken;

Next, you can drop in that tokens.json on the plugin window to automatically generate tokens.

Note! It will drop unused ones from the collection, and update existing.