Export tokens in a build format
export_tokensGenerate design tokens in any of 11 formats—CSS, SCSS, DTCG, Tailwind, JS/TS, Swift, Android, Figma, or JSON—from one source so a primitive change propagates 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. |