Tooling: DTCG / W3C design-tokens export

[jackgranatowski]

Type: author-time tooling / ecosystem · Tier: v1.0

Summary

Generate a Design Tokens Community Group (W3C) format export from the framework's source tokens, so design tools (Figma) and code share one source of truth.

Why

Bridges design↔code — something neither Automatic.css nor Core Framework offer. It's the prerequisite for a Figma variables sync.

Verified state (2026-06-20)

No DTCG / design-tokens export exists (grep dtcg|design-tokens in scripts/ = none).

Constraints

Build/release tooling only; no runtime impact. Derive from the same source the manifest uses (don't hand-maintain).

Acceptance criteria

• Emit a DTCG-format .tokens.json from source
• Cover colors, type/space scales, radius, shadow, motion
• Regenerated in the docs/build pipeline
• Documented consumption path (Figma / Style Dictionary)