Design kit export (Figma / Sketch / Adobe XD)
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