Design tokens (W3C DTCG)

Export a palette as a standards-compliant W3C Design Token group.

Updated 2026-05-04 ยท ๐Ÿ‘ 121 found this helpful

Export โ†’ "Design tokens (W3C DTCG)" produces a JSON file your team can drop into Style Dictionary, Token Studio, or any other token tool.

The output uses the W3C Design Tokens Community Group format โ€” every value is wrapped in { "$type": "color", "$value": "#..." } so cross-tool round-trips stay clean.

Pair with ColorTools CSS for an end-to-end design-token โ†’ CSS pipeline.

Was this article helpful?

Didn't answer your question?