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`).
Facet Tool 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 |
|---|---|---|
| Figma | Variables JSON (Figma Tokens plugin compatible) | Download .json + .fig library file |
| Sketch | Shared Styles + Color Variables | Download .sketch library |
| Adobe XD | UI Kit (Color + Character Styles) | Download .xd library |
| Universal | 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