Export tokens in a build format
export_tokensGenerate design tokens in CSS, SCSS, DTCG, Tailwind, JS, TS, Swift, Android, Figma, or JSON from one source, so primitive changes propagate to every output.
Instructions
Emit the full token set in a consumable format. Everything is generated from one source, so a primitive change propagates to every output.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| theme | No | Only for the "json" format, which is single-theme. | |
| format | Yes | css: CSS custom properties for every theme and density. The canonical runtime artefact — everything else is generated for tooling that cannot consume CSS. | scss: Sass variables plus theme mixins, for pipelines that still compile Sass. | dtcg: W3C Design Tokens Community Group JSON. The interchange format for design tools and token pipelines. | tailwind-v4: Tailwind CSS v4 @theme block mapping tokens to utility namespaces. | tailwind-v3: Tailwind CSS v3 JavaScript config object. | js: Plain ES module exporting a nested token object. | ts: TypeScript module with literal types, so token names are checked at compile time. | swift: Swift extension with UIColor values resolved per theme, for iOS. | android: Android colors.xml plus dimens.xml, with a values-night variant for dark. | figma: Tokens Studio for Figma JSON, with one token set per theme. | json: Flat resolved key/value JSON for one theme. The simplest thing to consume programmatically. |