Méthode Aristote · 2026
Design system & outillage design-to-code pour une EdTech IA
Premier Design Engineer de Méthode Aristote, je porte la couche design et front-end d’une plateforme de soutien scolaire qui mêle tuteurs humains et IA générative.
Le contexte
Méthode Aristote réinvente le soutien scolaire, de la 6ᵉ à la terminale, en combinant accompagnement humain et IA générative. J’y suis arrivé comme premier Design Engineer d’une équipe tech et produit resserrée, où chacun conçoit, code et livre.
L’interface reposait alors sur un shadcn par défaut, fonctionnel mais peu marqué : rien qui distingue Méthode Aristote d’un énième dashboard. Ma mission tient en deux mouvements : donner à la plateforme une identité tenue, et fluidifier le passage du design au code pour toute l’équipe.
Ce que je porte
Je tiens la couche design et front-end, et je conçois aux côtés du reste de l’équipe plutôt qu’en amont. Au quotidien, ça couvre quatre fronts.
UI & Design System
J’ai construit un Design System v2, toujours basé sur shadcn mais aligné sur l’identité visuelle de Méthode Aristote. Les tokens sont synchronisés avec la codebase, si bien que ce qui est décidé côté design se retrouve sans friction ni retranscription côté développement.
Relier le design et le code
Pour que design et code parlent la même langue, j’ai mis en place l’outillage qui les relie : MCP Figma, un pipeline de design tokens, un Storybook comme source de vérité des composants, et des tests de régression visuelle avec Argos pour attraper les dérives avant qu’elles ne partent en production.
Concevoir et prototyper
Je conçois et prototype les features là où c’est le plus rapide selon le moment : dans Figma, avec Claude Design, ou directement dans le code. Ça va des surfaces côté tuteur aux dashboards, jusqu’aux activités côté élève.
Outiller l’équipe avec l’IA
Au-delà du produit, j’outille l’équipe : skills, agents internes et workflows qui accélèrent notre build. Le plus structurant est un agent LLM connecté au Design System : il connaît nos composants et nos tokens, et génère des interfaces cohérentes dès le premier jet.
Impact
Les maquettes ont gagné en sobriété. Elles se sont débarrassées des tics de l’IA générative et collent désormais au Design System. Surtout, les écrans sont devenus livrables par tous les profils de l’équipe, pas seulement les designers : un PM ou un QA peut assembler une interface juste à partir de briques fiables.