DTGen — Design Token Generator
A web application I built to solve a problem every design system faces on day one: generating a coherent, well-structured token set without starting from a blank page.
Context / problem
Every new design system starts the same way — a designer manually defining color scales, spacing units, and type ratios, one value at a time, with no consistent method for deriving them. I built DTGen to remove that friction: a tool that generates a complete, structured token set from a small set of inputs, instead of hours of manual guesswork.
What it does
DTGen imports primitives from established sources — Tailwind, Ant Design, Open Color, or a custom JSON file — and generates coherent palettes in HSL, LCH, or OKLCH from a handful of base colors. It also configures typographic scales using custom ratios, and saves configurations for reuse across projects. The goal isn't to replace design judgment; it's to remove the repetitive part of the work so that judgment can focus on what actually matters — consistency and intent.
Why it matters
DTGen reflects the same instinct behind Agentica, at a smaller scale: don't solve the same foundational problem twice. It's a practical tool built from a real recurring frustration, not a theoretical exercise.
Status / proof
- Supports Tailwind, Ant Design, Open Color, and custom JSON imports
- Color generation in HSL, LCH, and OKLCH