Le design des IA est instable, c'est un cauchemar.
Chaque fois que tu demandes à une IA de créer une présentation, tu as un design différent de la dernière fois.
L'IA est pas mauvaise mais elle a pas de mémoire visuelle !
C'est le problème que Google vient d'attaquer avec design.md, publié en accès libre sur GitHub.
𝗟𝗲 𝗽𝗿𝗼𝗯𝗹𝗲̀𝗺𝗲 𝗰𝗼𝗻𝗰𝗿𝗲𝘁
Quand un agent IA génère du contenu visuel, il repart de zéro sur l'esthétique.
- Les boutons d'une page ne ressemblent pas aux boutons d'une autre.
- Les espacements varient sans raison.
- Les titres changent de taille entre deux slides...
Bref, on a des interfaces et présentations "décousues"
Les éléments semblent provenir de sources différentes
Même au sein du même document
Alors on corrige à la main ce que l'IA aurait dû respecter dès le départ.
𝗖𝗲 𝗾𝘂𝗲 𝗱𝗲𝘀𝗶𝗴𝗻 . 𝗺𝗱 𝗰𝗵𝗮𝗻𝗴𝗲
Un fichier texte contient toutes tes règles visuelles :
- couleurs exactes
- polices
- espacements
- style des boutons
- titres, encadrés...
L'agent lit ce fichier charte graphique avant de générer avec tes règles
Google a publié ce format comme standard ouvert.
Pour qu'il soit lu de la même façon par tous les outils (Figma, Claude Design, Cursor, Canva...).
Une seule charte, compatible partout.
𝗖𝗼𝗺𝗺𝗲𝗻𝘁 𝗹'𝘂𝘁𝗶𝗹𝗶𝘀𝗲𝗿 𝗰𝗼𝗻𝗰𝗿𝗲̀𝘁𝗲𝗺𝗲𝗻𝘁 𝗽𝗼𝘂𝗿 𝗰𝗿𝗲́𝗲𝗿 𝗱𝗲𝘀 𝗽𝗿𝗲́𝘀𝗲𝗻𝘁𝗮𝘁𝗶𝗼𝗻𝘀
𝟭 : 𝗼𝗯𝘁𝗲𝗻𝗶𝗿 𝘁𝗼𝗻 𝗳𝗶𝗰𝗵𝗶𝗲𝗿 𝗱𝗲𝘀𝗶𝗴𝗻.𝗺𝗱
3 options.
A) Adapter un fichier existant, inspiré de grandes marques comme Starbuck, AirBnB, etc. sur des bibliothèques publiques.
B) Utiliser l'outil Stitch de Google, qui génère automatiquement un fichier design.md à partir de captures d'écran ou de ta charte graphique
C) L'intégrer en skill et agent dans ton OS système IA personnalisé. C'est ce que j'ai fait. Je montre ça en webinaire aujourd'hui
𝟮 : 𝗰𝗵𝗮𝗿𝗴𝗲𝗿 𝗹𝗲 𝗳𝗶𝗰𝗵𝗶𝗲𝗿 𝗱𝗮𝗻𝘀 𝘁𝗼𝗻 𝗼𝘂𝘁𝗶𝗹 𝗱𝗲 𝗰𝗿𝗲́𝗮𝘁𝗶𝗼𝗻
Dans Claude Design, Stitch, etc, importes le fichier au démarrage.
L'agent l'utilise comme point de référence
𝟯 : 𝗱𝗲𝗺𝗮𝗻𝗱𝗲𝗿 𝗹𝗮 𝗰𝗿𝗲́𝗮𝘁𝗶𝗼𝗻 𝗽𝗮𝗿 𝗽𝗿𝗼𝗺𝗽𝘁
Exemple facile :
"Crée une présentation de 5 slides sur [ton sujet] en utilisant le fichier design.md comme référence pour les couleurs, la typographie et le style des éléments."
Si le résultat dérape sur une slide, tu affines à la règle, pas au coup par coup :
"Rends les encadrés de la slide 3 plus sobres, selon les règles du fichier."
𝟰 : 𝘃𝗲́𝗿𝗶𝗳𝗶𝗰𝗮𝘁𝗶𝗼𝗻 𝗮𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗾𝘂𝗲
L'outil de supervision intégré permet à l'agent de vérifier son travail
J'ajoute en commentaire les limites qu'il faut garder en tête pour bien l'utiliser
👉 Demande moi en commentaire le lien du mini-cours vidéo ou du webinaire du 30/04 oui c'est aujourd'hui, si ça te parle !