Token Foundry

Figma color variables → .tokens.json

Start from

Preview

semantic tokens by mode

Export

Figma alias data — resolved color plus com.figma.aliasData, the same shape Figma exports. DTCG references — "{color.brand.Blue}" strings, for Tokens Studio and Style Dictionary.

Importing into Figma

Open the Variables panel and create the Colors collection first.
Import Mode 1.tokens.json into it.
Create Tokens, add its modes, then import one file per mode so aliases link to the primitives.

Generate a color ramp

Builds a 50–950 scale in OKLCH from one base color, so steps feel evenly spaced.

Group name

Base

Drop .tokens.json or .zip files to import