Design kit export (Figma / Sketch / Adobe XD)

mandatory

Exports the current Koder Design system into formats consumable by popular design tools — Figma Variables JSON, Sketch shared styles, Adobe XD libraries — so designers iterate in their tool while staying in sync with code. Material parity (`/develop/figma`).

Spec — Design kit export

Facet *ool*of Koder Design. Material parity: https://m3.material.io/develop/figma.

URL: https://kds.koder.dev/{locale}/tools/design-kits/

Target formats

Tool Format Distribution
*igma* Variables JSON (Figma Tokens plugin compatible) Download .json + .fig library file
*ketch* Shared Styles + Color Variables Download .sketch library
*dobe XD* UI Kit (Color + Character Styles) Download .xd library
*niversal* Style Dictionary input JSON Download .json

R1 — Source of truth

Code is the source of truth — designs derive from code, never the reverse. Export pipeline:

specs/themes

Source: ../home/koder/dev/koder/meta/docs/stack/specs/tools/design-kit-export.kmd