DTS-FORMAT-STYLE-DICTIONARY / Export format

Style Dictionary export

Generates a reproducible Style Dictionary v4 configuration that reads the DTCG source.

v1.0.0 2026-07-20 日本語

Direct answer

What this means

Generates a reproducible Style Dictionary v4 configuration that reads the DTCG source.

Verified example

Minimal example

config.mjs

The example shows the stable contract, not every possible platform option.

Resolution and export

How the Studio handles it

  1. The imported value is normalized into a typed internal record with an immutable token ID.
  2. The resolver follows aliases and the selected light or dark source while retaining the source trace.
  3. Each adapter either transforms the value or records a warning and loss; it never silently drops it.

Boundary

Limits and review points

  • A passing validation result does not guarantee brand quality or every screen state.
  • Check the target framework and WordPress version before replacing production files.
  • Project data remains local and is not included in a shareable URL.

Try it in Design Token Studio

Create a preset or import CSS/DTCG data, then inspect resolution, validation evidence, and all six exports.

Open the Studio