Skip to content
UX Atlas
Plate TOOL·040 · ToolGrid F3 · Rev. 2026-08-14

Style Dictionary

Open-source build tool that transforms one token source into every platform format.

ToolCraft conventionFoundational

Definition

A token transformation pipeline: define tokens once and generate CSS custom properties, iOS, Android, JSON and other outputs, with transforms per platform.

Craft convention. True because the industry converged on it. Breaking it costs familiarity, not correctness.

On this plate
  1. 1Definition
  2. 2Local chart
  3. 3Continue from here

Good for

  • Multi-platform token delivery
  • Keeping one source of truth
  • Custom token pipelines

Watch out for

It is a build tool, not a product. It needs engineering ownership.

Local chart

TOOL·040 · Region VII · Grid F3

This entry and the entries it is stated to connect with. Each line is labelled with what the connection means.

Design TokensSYS·001 · OFTEN USED WITHThemingSYS·008 · OFTEN USED WITHColor SystemsFND·026 · OFTEN USED WITH

Continue from here

Each link says what the connection is, so you can tell a principle from an alternative from a thing people mix this up with.

Often used with

These usually appear in the same screen or the same decision.

Nearby in the Atlas

Adjacent territory, found through shared tags rather than a stated link.

Design and Code ParityStorybookSupernova