Donnez à votre IA un seul fichier avec votre charte graphique

Peut-être reconnaissez-vous cette situation. Vous demandez à votre IA quelques diapositives pour une présentation, et le résultat semble plutôt soigné. Seulement, vous avez l'impression d'avoir déjà vu ces diapositives. Chez un collègue, dans un webinaire, dans presque chaque vidéo sur l'IA. Et le site web que vous avez construit avec l'IA ressemble étrangement à celui des voisins.

Il y a une explication simple à cela. Une IA qui ne sait rien de votre style choisit simplement le plus grand dénominateur commun de toutes les diapositives et de tous les sites web qu'elle a jamais vus. Vous obtenez donc le look typique de l'IA, et cela vaut pour les diapositives tout autant que pour les sites web. Il est en fait un peu ironique que l'outil même qui devait vous aider à vous démarquer vous rende invisible parmi les autres.

Au bas de cet article, vous trouverez un prompt avec lequel votre IA regroupe votre charte graphique dans un seul fichier. N'hésitez pas à le copier.

Ce que contient un tel fichier de charte graphique

Ce que je montre dans mes formations est un simple fichier texte en Markdown. Il s'appelle généralement design.md, un format imaginé par Google. Votre charte graphique y est décrite de manière à ce qu'une IA puisse la lire. Quelles couleurs vous utilisez, avec leurs codes couleurs. Quelles polices vous choisissez pour les titres et pour le texte normal. À quoi ressemble un bouton, avec ou sans coins arrondis, et quel espace sépare deux boutons. Cela va en fait assez loin.

Un participant a demandé si c'était alors une feuille de style, comme pour les sites web. Ce n'est pas tout à fait cela. Il s'agit d'informations structurées en langage courant. Et un agent l'utilise tout aussi bien pour une diapositive que pour une page web ou un tableau de bord. Dans le jargon, on appelle cela un design system, mais vous n'avez pas besoin de retenir ce mot.

Un seul fichier, le même style partout

Auparavant, vous construisiez un agent distinct pour chaque type de travail. Un pour vos diapositives, un pour votre site web, un pour vos rapports. Et chaque agent recevait sa propre explication sur vos couleurs. Après quelques mois, cette explication ne correspondait plus à celle des autres.

Aujourd'hui, vous fournissez simplement le même fichier partout. Dans une session, vous dites 'construis-moi un site web et utilise ma charte graphique'. Dans une autre, vous demandez un tableau de bord, et il peut aussi être joli, de préférence dans vos couleurs. Le fichier est toujours le même. Et si vous modifiez un jour votre charte graphique, vous le faites à un seul endroit.

L'endroit où vous le placez n'a pas vraiment d'importance. Je le mets généralement dans un dossier docs au sein du projet. Et dans les instructions de l'agent, il y a une seule phrase: lisez design.md dans le dossier docs pour la charte graphique. Il y a peu de règles à ce sujet, tant que vous le dites à votre agent. Et plus vous utilisez ce fichier, moins vous vous entendez répéter de quel bleu il s'agissait.

Questions fréquentes

Qu'est-ce qu'un fichier design.md?

Un simple fichier texte en Markdown qui contient votre charte graphique. Vos couleurs, vos polices et l'apparence des boutons, des titres et des espacements. Un agent IA le lit et utilise ce style pour tout ce qu'il crée pour vous.

Dois-je écrire ce fichier moi-même?

Ce n'est pas nécessaire. Donnez à votre IA votre guide de style, votre logo et quelques exemples, et laissez-la créer le fichier. Testez-le ensuite avec une diapositive ou une page et corrigez là où ce n'est pas exact.

Cela fonctionne-t-il aussi dans Microsoft Copilot?

Dans Copilot, la même idée s'appelle un brand kit. Vous le trouvez dans l'application Copilot sous Create puis More. Vous pouvez y intégrer vos logos, couleurs, polices, modèles et même votre brand voice.

Où puis-je m'exercer à cela avec d'autres?

Si vous souhaitez construire des sites web et des applications avec des agents dans votre propre style, alors Vibe Coding avec l'IA ou Claude AI Power User vous conviendra. Si vous travaillez principalement avec Microsoft, regardez Travailler plus intelligemment avec Copilot dans M365. Vous les trouverez sous Workshops & Events.

Continuez à lire gratuitement

Inscrivez-vous gratuitement avec votre adresse e-mail pour continuer la lecture. Votre compte vous ouvre les articles gratuits de l'espace d'apprentissage ; la suite est réservée aux abonnés, à partir de Learn Plus.