Brutux Studio conçoit et développe Desy, un produit qui retrouve le design system caché dans le code, l’audite et surveille sa dérive entre design et production.
Stratégie produit · Architecture IA · UX/UI · Développement
Desy est un produit de Brutux Studio, en développement depuis 2024. Il répond à un problème que connaissent bien les équipes produit et engineering : auditer un design system à la main prend des semaines. Couleurs presque identiques, composants orphelins, écarts silencieux entre la maquette et le code : la dérive s’installe sans que personne ne la voie.
Desy automatise cette analyse. Il extrait les design tokens directement depuis le code, produit des rapports structurés, recommande des consolidations et surveille la dérive dans le temps. Il peut aussi exporter le résultat sous une forme lisible par les agents de code IA, pour qu’ils respectent le système au lieu de le contourner.
Victor Michel, fondateur du studio, porte Desy de bout en bout : stratégie produit, architecture, design et code. Le projet lui sert aussi de terrain d’expérimentation pour les méthodes de développement assisté par l’IA que le studio applique ensuite chez ses clients.
Le défi : Le premier défi a été de choisir le bon problème. Desy est né comme un assistant de contexte design pour agents IA, une idée séduisante mais floue. Il fallait ensuite rendre fiable une analyse confiée en partie à des modèles de langage : un audit n’a de valeur que si ses conclusions sont reproductibles et vérifiables par une équipe exigeante.
Le travail a commencé par le positionnement et les profils cibles : le responsable design qui veut un système cohérent, et le responsable engineering qui veut limiter la dette. Leurs attentes diffèrent, et le produit doit parler aux deux.
Plutôt que de poursuivre l’idée de départ, Victor a recentré Desy sur un problème plus aigu et mieux défini : l’audit et le suivi de la dérive des design systems. Abandonner une vision séduisante pour un besoin réel et douloureux a été la décision la plus structurante du projet.
Le produit est piloté avec la méthode BMAD : document d’exigences, architecture technique, décisions consignées, user stories découpées en phases. Cette documentation guide le développement assisté par l’IA et évite que le code parte dans tous les sens.
L’architecture répartit le travail entre plusieurs modèles via LiteLLM, au sein d’un pipeline d’audit méthodique. Les couleurs proches sont regroupées par un calcul de distance perceptuelle (Delta E 2000) plutôt que par simple comparaison de valeurs, pour rapprocher les nuances que l’œil confond.
Desy repose sur Next.js et TypeScript, une base de données hébergée en Europe, la gestion d’organisations pour les équipes, des tâches de fond pour les analyses longues et Stripe pour la facturation. Un socle pensé pour de vrais clients, pas pour une démonstration.
L’extraction et les recommandations ont été validées sur le code d’un projet open source réel, Cal.com. Un design system de production, avec son histoire et ses incohérences, est le meilleur banc d’essai pour un outil d’audit.
Desy rappelle que la décision la plus importante d’un produit se prend souvent avant la première ligne de code : choisir le bon problème. Il montre aussi qu’une IA utile en entreprise s’entoure de méthode, de mesures vérifiables et d’une architecture qui ne dépend pas d’un seul modèle.
Votre interface a grandi plus vite que son design system ? Brutux Studio peut auditer vos composants et vos tokens, repérer les incohérences entre design et code, puis proposer une consolidation réaliste. Et si vous préparez un produit qui s’appuie sur l’IA, le studio apporte l’expérience d’une architecture multi-modèles construite pour la production.
Audit UX →Intégration de l’IA →Création de SaaS B2B →Design UX/UI et design system →
30 minutes pour parler de votre produit ou de votre projet IA. Je vous dis honnêtement si et comment je peux aider.
Réserver 30 minutes ↗