Assistant DA · Marque blanche

SKU PROJ-010 · Release 2026

Assistant
DA

IA × UX Design system Gouvernance IA
● Démonstrateur · pas encore en production

Dans la plupart des équipes, les questions de design arrivent plus vite que les designers ne peuvent y répondre. L'Assistant DA rend la direction artistique accessible à tous : chacun trouve la bonne règle, lance une maquette ou un support, et le designer valide ce qui part.

~200 règles de marque structurées et accessibles
4 flows consulter, auditer, créer, modifier
0 règle inventée : sans source, l'assistant le dit

Fiche technique

Rôle
Conception du référentiel et de l'assistant, au sein du cercle IA de Yeita.
Objectif
Ouvrir la direction artistique à toute l'équipe, sans jamais sortir des règles de la marque.
Utilisateurs
Toute l'équipe produit : designers, chefs de produit, marketing, développeurs.
Outils
Notion (référentiel), Figma (librairie et livrables), Claude et ses connecteurs.
Statut
Démonstrateur en marque blanche.

Le problème

Un chef de produit se demande quelle couleur utiliser pour une alerte. Le marketing a besoin d'un visuel conforme pour le lendemain. Un développeur hésite entre deux composants. Toutes ces questions convergent vers la même équipe design, presque toujours sous-dimensionnée. Les designers passent leurs journées à répondre au lieu de concevoir, les autres attendent ou improvisent, et la marque se dilue un écran après l'autre.

L'idée

Faire de la direction artistique un service accessible à tous, à toute heure. Un assistant qui répond aux questions de design, audite un écran, crée ou modifie une maquette. Une seule condition : ne jamais sortir des règles de la marque.

Construire l'assistant

01 Aller chercher la donnée là où elle vit

Une direction artistique n'existe jamais en un seul endroit. Les tokens et les composants sont dans le design system. L'image, l'illustration et l'iconographie, dans les contenus marketing. La façon d'écrire, dans le ton de voix. Il a d'abord fallu tout rassembler, puis vérifier chaque source et la dater. Une capture récente prime sur une ancienne, et un document officiel sur un relevé tiers. Quand deux sources se contredisent, la plus fiable l'emporte et l'écart est consigné.

02 Transformer une marque en règles

Un modèle de langage lit bien ce qui est structuré. La direction artistique a donc été découpée en fiches courtes, une règle par fiche, toutes construites sur le même gabarit : la règle en une phrase testable, son intention, son contexte d'application, ce qu'il faut faire et éviter, sa source. Chaque fiche reçoit un identifiant qui ne changera plus jamais, et des métadonnées complètes : type, écrans concernés, niveau d'émotion attendu, statut, degré de confiance. C'est le travail le plus long et le moins visible.

03 Une seule source de vérité, reliée à Figma

Les quelque 200 fiches vivent dans un référentiel unique. Chaque composant de la librairie Figma porte l'identifiant de sa fiche, et chaque fiche renvoie à son composant. Le même référentiel répond à deux publics : l'équipe, qui filtre et trouve sa réponse en moins d'une minute, et l'assistant, qui n'a le droit de puiser nulle part ailleurs.

04 Écrire le comportement de l'IA comme une spécification produit

Le modèle a été contraint aussi rigoureusement qu'un composant d'interface. Ses règles de conduite sont rangées dans le même référentiel que la marque, avec leurs identifiants. Il ne répond qu'à partir des fiches et cite systématiquement celle qu'il applique. Faute de règle, il répond « non documenté » et propose la fiche à créer. Il écrit comme un directeur artistique pressé : la réponse d'abord, quelques phrases, les sources en dernière ligne. Il n'emploie que les composants et les couleurs existants, et ne fait jamais entrer seul un élément dans la librairie. Chaque affirmation affiche son niveau de confiance, et ce qui repose sur une hypothèse reste une suggestion, jamais une correction imposée.

4 flows

Se servir de l'assistant tient en quatre usages, chacun avec son livrable.

Consulter
Une question, une réponse. On demande quelle couleur signale une alerte : l'assistant répond en deux à quatre phrases, en commençant par le composant puis les tokens, avec ses sources en fin de message. Si aucune fiche ne couvre la question, il le dit et propose le titre de la fiche manquante.
Auditer
On colle un lien Figma. L'assistant choisit la grille adaptée à l'écran et l'annonce d'emblée : design system et accessibilité pour un écran transactionnel, marque et design system pour un écran inspirationnel, critères ergonomiques pour un parcours complet. Il livre un tableau des écarts (critère, sévérité, correction) et une copie annotée de l'écran dans Figma. Si l'écran est conforme, il le dit simplement.
Créer
Tout part d'un parcours. S'il manque, l'assistant propose d'en rédiger un brouillon qui liste déjà les composants de chaque étape, à valider une seule fois. Il génère ensuite les écrans uniquement à partir de la librairie, puis vérifie la conformité et l'accessibilité. Si un besoin n'a aucun composant, il demande l'accord avant de proposer une nouvelle pièce, sur une page dédiée et hors de la librairie.
Modifier
On donne l'écran et le changement voulu. L'assistant vérifie ce que la modification impacte, puis livre directement le résultat. Le parcours ne lui est demandé que si la navigation change.

Voir ce que fait l'IA

L'assistant agit, puis montre, et rien n'est jamais écrasé. Chaque livrable arrive dans une section Figma versionnée qui réunit, côte à côte, un changelog (la demande, les règles appliquées, la date), la maquette d'origine clonée et intacte, et la nouvelle version.

Chaque échange est journalisé, de la question à la décision finale. L'assistant annonce ce qu'il fait dès sa première phrase, ce qui permet de l'interrompre, et ne s'arrête de lui-même que lorsqu'une décision engage la marque. Tout ce qu'il produit reste un brouillon jusqu'à la review d'un designer, et les sujets sensibles comme le prix, le juridique ou l'accessibilité exigent une relecture renforcée.

Une base, plusieurs marques

Le démonstrateur a d'abord été construit sur la direction artistique d'une grande marque grand public. Il fonctionne désormais en marque blanche : l'assistant, ses règles de conduite et ses 4 flows restent les mêmes, seul le référentiel change. Brancher une autre marque revient à lui donner un autre référentiel, structuré de la même façon. Un référentiel construit sur le design system de Yeita est déjà en place.

Le design system connecté

Le DS Setup est un outil qui s'appuie sur Figma et GitHub pour en faire la source de vérité du design system : les composants, leurs propriétés et leurs tokens sont lus là où ils vivent vraiment, côté design comme côté code. C'est cette base qui alimente le référentiel, plutôt qu'une documentation recopiée à la main et vite périmée.

Le résultat

Un démonstrateur opérationnel sur les 4 flows, traçable à chaque étape, pas encore en production. Prochaine mesure : le temps gagné par l'équipe, et la part des demandes qui n'ont plus besoin d'attendre un designer.

Et après

Relier l'assistant au DS Setup en continu. Il pourrait alors confronter Figma et le code composant par composant (mêmes noms, mêmes propriétés, mêmes tokens) et signaler chaque écart avant qu'il n'atteigne la production.

Autres drops

SKU PROJ-007 Yeita · Ops & IA → SKU PROJ-001 Produit, data & IA · Citeo → SKU PROJ-004 Digital twins · CEA →

Envie d'en parler ?