Design System augmenté par l'IA

Design System augmenté par l'IAFrance Télévisions | Design System Designer | 2026Un designer, une équipe d'agents IA. J'ai outillé toute ma pratique de design system chez France Télévisions : générer la UI, la documenter, la recetter, l'auditer, sans jamais lâcher la décision.ContexteLe design system de France Télévisions est tentaculaire : 3 offres déclinées sur 9 surfaces (web, apps mobiles, TV). L'entretenir au quotidien, c'est une charge énorme, répétitive et sans droit à l'erreur.Structurer des systèmes est le cœur de mon métier de System Designer : conventions, tokens, process, documentation. Curieux, avec une appétence pour la technique, j'ai automatisé une partie de mon travail avec l'IA. Je ne garde que ce qui est fiable à 100 %, et je conserve le contrôle et la décision.Approche & outillageTout repose sur une idée simple : les règles du design system servent à la fois à produire de l'UI et à la vérifier. J'ai transcrit nos conventions (design tokens, nommage, guidelines, accessibilité, UX writing...) dans des fichiers de règles que les agents appliquent depuis Claude Code. Une seule source de vérité, tenue à jour automatiquement, au lieu de règles éparpillées dans la documentation.Cet outillage couvre les deux faces de mon métier.Produire :

Génération d'UI dans Figma : assembler des écrans à partir des composants et tokens du design system, créer ou faire évoluer des composants, explorer vite des variantes.

Cadrage et documentation : epics Jira, notes de cadrage, fiches composants et changelogs, écrits au format et au ton de l'équipe.

Industrialisation des tokens : décrire les tokens à partir de leur taxonomie, puis propager la description sur toutes leurs déclinaisons.

Contrôler :

Recette avant merge : un agent passe en revue le diff d'une branche (valeurs en dur, écarts de tokens, accessibilité, nommage) et en tire un rapport prêt à coller en merge request, avec le correctif proposé. La conformité est vue avant que le code parte, pas après.

Audits d'accessibilité sur apps, web et TV : contrastes, cibles tactiles, focus, alternatives textuelles... Alignés sur les référentiels RGAA / WCAG. Un vrai enjeu pour un média de service public.

Audits des design tokens et des fichiers Figma : d'un simple élément au fichier entier si besoin. Sur les gros fichiers, un workflow multi-agents prend le relais, un composant par agent, puis liste les points à corriger en proposant la solution.

Les agents signalent, ils ne corrigent pas : je garde la main.Résultats

Une production d'UI plus rapide : composants et variantes générés à partir du design system, déjà conformes aux tokens et aux conventions.

Des recettes et des audits ciblés sur ce qui a changé, prêts à coller dans une revue de code ou un ticket : la conformité est vérifiée avant l'intégration, donc plus tôt et à moindre coût.

De la documentation prête à l'emploi : notes de cadrage de projet, fiches de composants et changelogs dans les modèles de l'équipe, ainsi que les tickets Jira créés et tenus à jour.

Les tâches ingrates et chronophages, automatisées : la description de centaines de tokens, un multi-édit sans fin désormais réglé en une passe.

Ce temps gagné, je le consacre aux sujets à forte valeur ajoutée, ou j'avance simplement plus vite. Sans coder au quotidien, je conçois désormais des systèmes d'agents. Structurer, c'est le cœur de mon métier de System Designer, et justement ce que demande un bon workflow IA.Retour à l'accueil