DTGen, Générateur de tokens de design
Une application web que j'ai construite pour résoudre un problème que chaque design system rencontre dès le premier jour : générer un ensemble de tokens cohérent et bien structuré sans repartir d'une page blanche.
Contexte / problème
Chaque nouveau design system commence de la même façon, un designer définit manuellement des échelles de couleurs, des unités d'espacement et des ratios typographiques, une valeur à la fois, sans méthode cohérente pour les dériver. J'ai construit DTGen pour éliminer cette friction : un outil qui génère un ensemble de tokens complet et structuré à partir d'un petit nombre d'entrées, au lieu d'heures de tâtonnement manuel.
Ce qu'il fait
DTGen importe des primitives depuis des sources reconnues, Tailwind, Ant Design, Open Color, ou un fichier JSON personnalisé, et génère des palettes cohérentes en HSL, LCH ou OKLCH à partir d'une poignée de couleurs de base. Il configure aussi des échelles typographiques avec des ratios personnalisés, et sauvegarde les configurations pour les réutiliser d'un projet à l'autre. L'objectif n'est pas de remplacer le jugement du designer ; c'est d'éliminer la partie répétitive du travail pour que ce jugement se concentre sur ce qui compte vraiment, la cohérence et l'intention.
Pourquoi c'est important
DTGen reflète le même instinct que celui derrière Agentica, à plus petite échelle : ne pas résoudre deux fois le même problème fondamental. C'est un outil pratique né d'une vraie frustration récurrente, pas un exercice théorique.
Statut / preuve
- Prend en charge les imports Tailwind, Ant Design, Open Color et JSON personnalisé
- Génération de couleurs en HSL, LCH et OKLCH