Use DTCG tokens JSON to generate code for web, mobile, native apps, and more
-
Updated
Oct 14, 2026 - TypeScript
Use DTCG tokens JSON to generate code for web, mobile, native apps, and more
A free, open-source add-on for Claude, ChatGPT, Codex and Cursor that turns a few plain answers into a design system, so everything you build looks like it belongs together.
Theme Tailwind, shadcn/ui, Bootstrap, Material 3, Radix, Mantine, Ant Design, daisyUI and Open Props with one set of values, side by side. Pick your favourite and export your own design system.
Claude Code skill that generates a complete,WCAG-checked multiband design system in Figma: 662 variables, 25 text styles, 12 effect styles.
To associate your repository with the design-system-generator topic, visit your repo's landing page and select "manage topics."