DTGen, Gerador de Tokens de Design
Uma aplicação web que eu construí para resolver um problema que todo design system enfrenta no primeiro dia: gerar um conjunto de tokens coerente e bem estruturado sem começar do zero.
Contexto / problema
Todo novo design system começa da mesma forma, um designer definindo manualmente escalas de cores, unidades de espaçamento e proporções tipográficas, um valor de cada vez, sem um método consistente para derivá-los. Eu construí o DTGen para eliminar esse atrito: uma ferramenta que gera um conjunto de tokens completo e estruturado a partir de um pequeno número de entradas, em vez de horas de tentativa e erro manual.
O que ele faz
O DTGen importa primitivas de fontes já estabelecidas, Tailwind, Ant Design, Open Color, ou um arquivo JSON personalizado, e gera paletas coerentes em HSL, LCH ou OKLCH a partir de um punhado de cores base. Ele também configura escalas tipográficas com proporções personalizadas, e salva configurações para reutilização entre projetos. O objetivo não é substituir o julgamento do designer; é eliminar a parte repetitiva do trabalho para que esse julgamento possa se concentrar no que realmente importa, consistência e intenção.
Por que isso importa
O DTGen reflete o mesmo instinto por trás da Agentica, em uma escala menor: não resolver o mesmo problema fundamental duas vezes. É uma ferramenta prática construída a partir de uma frustração real e recorrente, não um exercício teórico.
Status / prova
- Suporta importações do Tailwind, Ant Design, Open Color e JSON personalizado
- Geração de cores em HSL, LCH e OKLCH