Guides

Écrivez votre charte une fois. L'IA l'applique partout.

Comment construire le design system de votre entreprise pour que chaque présentation, proposition ou visuel produit avec l'IA sorte à vos couleurs, sans repasser derrière chaque diapositive.

  • 11chapitres
  • 1test pour vous situer
  • 2modèles à copier
  • 26 oct.faits vérifiés chez les éditeurs

01Avant de commencer

La question que ce guide traite

Vos équipes produisent avec l'IA des propositions, des comptes rendus, des présentations de comité. Le fond progresse vite. La forme, beaucoup moins : un bleu qui n'est pas tout à fait le vôtre, une police de remplacement, un logo déformé, dix diapositives qui ne se ressemblent pas. Alors quelqu'un repasse derrière, et le temps gagné sur l'écriture se perd dans la mise en page.

Que faut-il écrire, et où, pour que tout ce que l'IA produit chez nous ressemble à nous ?

La réponse tient en deux mots : un design system. Ce guide explique ce que c'est, comment le construire en une semaine à partir de vos présentations existantes, et comment le brancher dans Claude, ChatGPT, Copilot ou Gemini. Chaque fait sur ces outils a été vérifié le 26 octobre 2026 sur les pages des éditeurs ; les numéros renvoient aux sources en fin de page. Pour voir la démarche appliquée à un cas réel, lisez notre retour d'expérience sur les propositions commerciales.

Ce guide est pour vous si

  • vos équipes produisent souvent des présentations, des propositions ou des rapports ;
  • elles utilisent déjà un agent IA, ou vont le faire ;
  • vos supports ne se ressemblent pas d'une personne à l'autre.

Pas tout de suite si

  • votre identité visuelle est en pleine refonte : attendez la nouvelle ;
  • vous produisez moins d'une présentation par mois : un bon modèle PowerPoint suffit.

02Le constat

Votre charte graphique est écrite pour un graphiste. L'IA a besoin de règles.

La plupart des PME ont une charte : un PDF de vingt pages fait par une agence, qui montre le logo, la palette et quelques exemples. Un graphiste la comprend, parce qu'il sait combler les vides. Une IA, non. Elle a besoin de valeurs exactes, du rôle de chaque élément et de limites explicites.

Ce que dit une charte

« Notre bleu évoque la confiance. Utilisez-le avec parcimonie. »

Quel bleu exactement ? Combien, c'est « avec parcimonie » ? L'IA choisit au hasard, et différemment à chaque fois.

Ce que dit un design system

« Accent #2447F5 : un seul élément mis en avant par diapositive, jamais en fond de texte. »

Une valeur, un rôle, une limite. Deux personnes, ou deux IA, obtiennent le même résultat.

Les éditeurs le disent eux-mêmes. Microsoft explique que Copilot construit une présentation d'abord à partir des diapositives d'exemple de votre modèle, puis de ses dispositions.1 OpenAI prévient que ChatGPT pour PowerPoint travaille dans le modèle existant autant que possible, mais que les diapositives produites ne suivront pas toujours parfaitement le style voulu.2 Autrement dit, la qualité de ce que l'IA produit dépend de la qualité de ce que vous lui donnez à suivre.

03Le modèle

Un design system, ce sont quatre couches qui s'empilent

Pensez à une cuisine de restaurant. Il y a les ingrédients, les préparations de base, les recettes, et les règles de la maison qui font qu'un plat sort toujours de la même façon, quel que soit le cuisinier. Un design system fonctionne pareil.

Couche 1Les fondations

Les ingrédients : couleurs avec leur code et leur rôle, polices et tailles, logo, espacements.

Couche 2Les composants

Les préparations : un titre, un chiffre clé, un tableau, un graphique, un encadré, chacun avec sa forme fixe.

Couche 3Les gabarits

Les recettes : les types de diapositives ou de pages que vous utilisez vraiment, assemblés à partir des composants.

Couche 4Les règles d'usage

Les règles de la maison : une idée par diapositive, combien de mots, quand utiliser quel gabarit, ce qui est interdit.

La couche oubliée est presque toujours la quatrième. Une IA qui connaît vos couleurs mais pas vos règles produit des diapositives à vos couleurs et surchargées. C'est elle qui transforme une palette en manière de faire.

04Anatomie

Les fondations : des valeurs exactes, chacune avec un rôle

Une couleur sans rôle ne sert à rien à une IA. Le bon réflexe est de nommer chaque couleur par ce qu'elle fait, pas par ce qu'elle est. Voici une palette d'exemple, à remplacer par la vôtre :

EncreTitres et texte#0B1424
AccentUn seul élément par page#2447F5
FondPages de contenu#F2F4F8
TeinteEncadrés, lignes mises en avant#E6ECFF

Le même principe vaut pour tout le reste : une police par usage avec sa taille, une règle pour le logo, une limite de mots. Le modèle ci-dessous est la description écrite de votre design system. Copiez-le, remplissez-le, et donnez-le à votre agent IA comme document de référence.

design-system.md
---
nom: Design system [Votre entreprise]
version: 1.0, [mois année] 1
responsable: [prénom, fonction]
---

# 1. Fondations 2
Couleurs (rôle, code, usage) :
- Encre #0B1424 : titres et texte courant
- Accent #2447F5 : un seul élément par page
- Fond #F2F4F8 : pages de contenu
- Nuit #0B1424 : couverture et intercalaires
- Vert #0F7A50 et rouge #C2342B : graphiques seulement
Polices : titres [police] 700, 32 à 40 pt ;
texte [police] 400, 16 à 20 pt, jamais sous 14 pt.
Logo : logo-couleur.svg sur fond clair,
logo-blanc.svg sur fond foncé, en bas à droite.

# 2. Composants 3
- Titre : une phrase qui affirme, 12 mots au plus.
- Chiffre clé : le nombre, une ligne, la source.
- Tableau : 5 colonnes au plus, pas de traits verticaux.
- Graphique : l'accent pour la donnée qui compte,
  le reste en gris.

# 3. Gabarits 4
Voir modele-entreprise.potx : couverture, intercalaire,
message et preuve, chiffres clés, comparatif,
calendrier, équipe, contact.

# 4. Règles d'usage 5
- Une idée par diapositive, 40 mots au plus hors tableau.
- Pas d'image d'illustration générique.
- Toute donnée chiffrée porte sa source.
- En cas de doute sur une valeur : demander, ne pas deviner.

# 5. Exemples 6
Voir exemples/ : trois présentations validées.
  1. La version et le responsable. Sans eux, trois variantes circulent au bout de six mois.
  2. Des valeurs, pas des intentions. Codes hexadécimaux, noms exacts des polices, tailles en points. Chaque couleur a un rôle.
  3. Les composants fixent la forme des éléments qui reviennent partout. C'est là que se joue la cohérence d'une page à l'autre.
  4. Les gabarits renvoient au modèle PowerPoint, qui les porte réellement (chapitre 6).
  5. Les règles d'usage, la couche la plus souvent oubliée. La dernière ligne évite la plupart des erreurs.
  6. Des exemples validés. Une IA imite mieux qu'elle n'applique : trois bons exemples valent dix pages de règles.

Palette et valeurs d'exemple : remplacez-les par celles de votre charte. Un fichier .md est un simple fichier texte, qui s'ouvre avec n'importe quel éditeur.

05Les gabarits

Huit gabarits couvrent l'essentiel des présentations d'une PME

Ouvrez vos dix dernières présentations et comptez les types de diapositives qui reviennent. Dans la plupart des entreprises de services, on retrouve les mêmes huit. Mieux vaut huit gabarits soignés que trente que personne n'utilise.

  • CouvertureTitre, client, date. Une seule par document.
  • IntercalaireLe numéro et le nom de la partie.
  • Message et preuveLe titre affirme, le visuel prouve. Le gabarit le plus utilisé.
  • Chiffres clésTrois nombres au plus, chacun avec sa source.
  • ComparatifAvant et après, option A et B, aujourd'hui et demain.
  • CalendrierLes étapes, les dates, les livrables.
  • ÉquipeQui fait quoi, en une ligne par personne.
  • Contact et suiteLa prochaine étape et la personne à joindre.

Pour chaque gabarit, écrivez deux lignes dans votre description : quand l'utiliser et sa limite de texte. « Chiffres clés : quand trois nombres résument l'argument, 15 mots par chiffre au plus. » Ce sont ces deux lignes qui permettent à l'IA de choisir le bon gabarit sans qu'on le lui dise.

06Le modèle PowerPoint

Un modèle que l'IA peut suivre n'est pas un fichier avec un joli fond

Beaucoup de « modèles » d'entreprise sont une présentation ordinaire avec une belle couverture : les zones de texte sont posées à la main, les couleurs sont appliquées une par une. Un humain s'en sort en copiant-collant. Une IA ne sait pas où écrire. Claude pour PowerPoint construit ses diapositives à partir des masques, des dispositions, des polices et des couleurs du modèle ;3 Copilot part des diapositives d'exemple, puis des dispositions.1 Ce qui n'est pas dans la structure du modèle n'existe pas pour eux.

Les cinq réglages qui changent tout

  1. Les couleurs et polices du thèmeDéclarées dans Création > Variantes, pas appliquées à la main : l'IA les retrouve dans les menus de couleurs.
  2. Une disposition par gabaritLes huit du chapitre 5, dans le masque des diapositives.
  3. Des noms explicites« Chiffres clés », pas « Disposition personnalisée 4 ».
  4. Des espaces réservésTitre, texte, image : de vrais espaces réservés, pas des zones de texte libres.
  5. Des diapositives d'exempleUne diapositive remplie par disposition, avec du vrai contenu.

Enregistrez le résultat en modèle (.potx) et rangez-le à un seul endroit. Sur Microsoft 365, l'administrateur peut le placer dans la bibliothèque de ressources de l'organisation et l'associer à un kit de marque : couleurs, polices, images, mais aussi voix et ton. Dans PowerPoint, chacun le choisit ensuite au moment de créer avec Copilot.1 Sur Google Slides, le même travail se fait dans l'éditeur de thème : Gemini accepte une présentation existante comme référence de style.4

07Les outils

Où construire votre design system : partez de l'outil où vivent déjà vos présentations

Tous les grands outils d'IA savent désormais produire une présentation. Ils ne traitent pas le design system de la même façon. Voici ce que chacun permet, d'après les pages des éditeurs au 26 octobre 2026.

OutilCe qu'il fait de votre design systemÀ savoir
Claude Design (Anthropic Labs)Construit le design system de l'équipe en lisant vos fichiers de conception et votre code, puis l'applique à chaque projet : présentations, documents d'une page, visuels, maquettes. Importe des fichiers DOCX, PPTX et XLSX, des images, des éléments de votre site. Une équipe peut tenir plusieurs design systems.5Aperçu de recherche lancé le 17 avril 2026, offres Pro, Max, Team et Enterprise (désactivé par défaut en Enterprise). Export PowerPoint, PDF, HTML ou vers Canva.5
Claude pour PowerPointCrée et modifie des diapositives dans PowerPoint à partir du modèle de l'entreprise ou du client : masques, dispositions, polices, couleurs. Peut utiliser les connecteurs de Claude.3Offres Pro, Max, Team et Enterprise ; PowerPoint sur le web, Windows et Mac.3
ChatGPT pour PowerPointBarre latérale dans PowerPoint qui crée un premier jet à partir de vos sources, ajoute ou révise des diapositives et travaille dans le modèle existant.2L'éditeur prévient que le style ne sera pas toujours parfaitement respecté et que certaines modifications avancées restent limitées.2
Copilot dans PowerPointS'appuie sur les diapositives d'exemple et les dispositions de votre modèle, et sur les kits de marque définis pour l'organisation.1Kits de marque gérés par l'administrateur Microsoft 365 et des responsables de marque désignés.1
Gemini dans Google SlidesGénère une présentation complète et modifiable à partir d'une demande et de fichiers Drive, avec une présentation existante comme référence de style.4Annoncé le 30 juin 2026, en anglais (États-Unis) au lancement ; offres Workspace Business Standard et Plus, Enterprise, Google AI Pro et Ultra.4
Gamma, CanvaLe thème de Gamma et le kit de marque de Canva jouent le même rôle. Gamma a un serveur MCP officiel qui crée une présentation à partir d'un modèle, applique un thème et exporte en PowerPoint ou en PDF.6Pratiques pour des visuels et des présentations rapides ; vérifiez l'export PowerPoint si vos équipes retouchent ensuite dans Office.

Quel point de départ ? Trois questions, dans l'ordre

  1. Vos présentations vivent-elles dans PowerPoint, et vos équipes les retouchent-elles ?Oui : commencez par le modèle PowerPoint du chapitre 6. Il servira à Claude, ChatGPT et Copilot.
  2. Vos équipes travaillent-elles dans Google Workspace ?Oui : un thème Google Slides et une présentation de référence pour Gemini.
  3. Produisez-vous aussi des visuels, des documents d'une page, des pages web ?Oui : ajoutez un outil de conception comme Claude Design, qui applique le même design system à tous les formats.

Quel que soit l'outil, gardez la description écrite du chapitre 4 comme référence. Les outils changent, elle reste ; et elle permet de reconstruire le design system ailleurs en une journée.

08Diagnostic

Votre charte est-elle prête pour l'IA ?

Cochez ce qui est vrai aujourd'hui dans votre entreprise.

Soyez exigeant : « à peu près » compte comme non.

Cochez ce qui s'applique pour voir le verdict.

La case la plus souvent vide est la quatrième. C'est pourtant celle qui fait la plus grande différence dans PowerPoint, parce que les outils lisent la structure du modèle, pas son apparence.

09La méthode

Construire le design system en six étapes, à partir de ce qui existe déjà

  1. Faites l'inventaire.

    Rassemblez la charte, les logos en SVG ou PNG haute définition, les polices, et les cinq à dix présentations que l'équipe juge les plus réussies. Ce sont elles, plus que la charte, qui disent comment vous travaillez vraiment.

  2. Faites extraire, puis vérifiez.

    Donnez ces fichiers à votre agent IA avec la demande ci-dessous. Il repère les valeurs, les incohérences et les types de diapositives. Vous tranchez.

    Demande d'extraction
    Voici notre charte graphique et nos présentations les plus réussies.
    Construis notre design system en quatre parties :
    1. Fondations : chaque couleur avec son code et son rôle,
       les polices et leurs tailles, les règles du logo.
    2. Composants : titre, chiffre clé, tableau, graphique, encadré.
    3. Gabarits : les types de diapositives que nous utilisons
       vraiment, avec pour chacun quand l'utiliser et sa limite de texte.
    4. Règles d'usage : ce qui revient dans les meilleures présentations.
    N'invente aucune valeur. Ce qui n'apparaît pas clairement
    dans les fichiers va dans une liste « À confirmer ».
    Liste aussi les incohérences entre les présentations
    (deux bleus, plusieurs polices) et propose une règle pour chacune.
  3. Écrivez la description.

    Remplissez le modèle du chapitre 4 avec les valeurs validées. Une à trois pages suffisent.

  4. Construisez les gabarits.

    Dans le modèle PowerPoint ou Google Slides (chapitre 6), ou dans votre outil de conception : Claude Design, par exemple, construit le design system à partir des mêmes fichiers.5

  5. Testez sur trois supports réels.

    Une proposition, un compte rendu, une présentation interne. Comparez au résultat qu'aurait produit votre meilleur graphiste. Corrigez le design system, pas la demande.

  6. Publiez, avec un responsable.

    Un seul endroit de référence, une version datée, le nom de la personne qui le tient à jour.

  • Le test de la couleur : demandez « une diapositive sur nos trois offres » sans préciser de couleur. L'accent n'apparaît-il qu'une fois ?
  • Le test de la surcharge : donnez un texte de deux pages à résumer en une diapositive. L'IA respecte-t-elle la limite de mots, ou découpe-t-elle en plusieurs ?
  • Le test de l'export : ouvrez le fichier produit dans PowerPoint. Les textes sont-ils dans les espaces réservés, modifiables, dans vos polices ?
Première versionDeux à trois jours, avec la personne qui fait les plus belles présentations
StabilisationTrois supports réels et leurs corrections
EntretienÀ chaque nouvelle offre, nouveau logo ou nouveau gabarit

Ordres de grandeur indicatifs, pour une PME qui a déjà une charte. Sans charte, comptez d'abord le travail d'identité visuelle.

10Le faire vivre

Un design system sans responsable devient trois design systems en six mois

Le risque n'est pas technique. Quelqu'un ajuste une couleur dans son coin, un autre garde l'ancien modèle sur son bureau, un troisième demande à l'IA « quelque chose de plus moderne ». Quatre règles suffisent à l'éviter.

  • Un endroit de référence. Le modèle dans la bibliothèque de l'organisation, la description dans le projet ou le dossier partagé que lit l'agent. Les copies locales sont supprimées.
  • Une version datée. En tête de la description, et dans le nom du modèle. On sait toujours laquelle est la bonne.
  • Un responsable nommé, souvent la personne qui faisait déjà les plus belles présentations. Elle valide chaque nouveau gabarit.
  • Un journal des changements. Une ligne par modification : la date, ce qui change, pourquoi.

11Passer à l'action

Par où commencer lundi : un modèle, huit gabarits, trois tests

Les cinq erreurs à éviter

  1. Commencer par l'outil au lieu de l'inventaire. L'outil applique ce que vous lui donnez ; sans matière, il invente.
  2. Oublier les règles d'usage. Les couleurs sont justes, les diapositives sont surchargées.
  3. Trente gabarits. Personne ne s'y retrouve, l'IA non plus. Huit suffisent pour commencer.
  4. Un modèle PowerPoint sans structure : zones de texte libres, dispositions sans nom. L'IA ne sait pas où écrire.
  5. Pas de responsable. Les versions se multiplient et la cohérence disparaît.
  1. Lundi

    Faites l'inventaire : charte, logos, polices, les dix meilleures présentations.

  2. Mardi

    Lancez l'extraction avec la demande du chapitre 9 et tranchez la liste « À confirmer ».

  3. Mercredi

    Écrivez la description à partir du modèle du chapitre 4.

  4. Jeudi

    Construisez les huit gabarits dans votre modèle ou votre outil de conception.

  5. Vendredi

    Passez les trois tests sur trois supports réels et corrigez.

  6. Ensuite

    Publiez à un seul endroit, nommez le responsable, et branchez le design system dans vos usages : propositions, comptes rendus, visuels.

Et si vous voulez aller plus vite

Nous construisons avec vous votre design system et vos gabarits, puis nous les branchons dans les outils de vos équipes pour vos propositions et vos supports.

Prendre rendez-vous

Questions fréquentes

Quelle différence entre une charte graphique et un design system ?

La charte montre l'identité visuelle à des humains. Le design system la traduit en valeurs exactes, en composants, en gabarits et en règles d'usage, que des personnes comme des outils d'IA peuvent appliquer de la même façon.

Faut-il un designer pour créer un design system ?

Pas pour une première version, si votre entreprise a déjà une charte et quelques bonnes présentations. Un agent IA fait l'extraction, la personne qui produit vos meilleurs supports tranche. Un designer reste utile pour créer ou refondre l'identité elle-même.

Mon design system fonctionnera-t-il dans tous les outils ?

Le contenu, oui ; le format, non. Chaque outil a sa façon de le recevoir : un modèle PowerPoint pour Copilot, Claude ou ChatGPT dans PowerPoint, un thème pour Google Slides, un design system dans Claude Design. Gardez une description écrite comme référence commune.

Combien de temps faut-il ?

Comptez deux à trois jours pour une première version si vous partez d'une charte existante, puis quelques corrections après trois supports réels. Ce sont des ordres de grandeur, qui dépendent de l'état de votre charte.

Et pour les documents Word, les devis, les visuels ?

Les quatre couches sont les mêmes. Seuls les gabarits changent : un modèle Word pour les devis et les contrats, des formats pour les réseaux sociaux. Commencez par les présentations, puis étendez.

Sources

  1. Microsoft, « Use your organization's branding with Copilot in PowerPoint », mis à jour en juillet 2026, consulté le 26 octobre 2026.
  2. Centre d'aide OpenAI, « ChatGPT for PowerPoint », consulté le 26 octobre 2026.
  3. Anthropic, documentation de Claude pour PowerPoint, consultée le 26 octobre 2026.
  4. Google Workspace Updates, « Create fully native and editable presentations with Gemini in Google Slides », 30 juin 2026.
  5. Anthropic, « Introducing Claude Design by Anthropic Labs », 17 avril 2026.
  6. Gamma, documentation du serveur MCP de Gamma, consultée le 26 octobre 2026.

Les outils de présentation évoluent vite, et plusieurs fonctions citées sont en aperçu : revérifiez les offres et la disponibilité en français avant de décider. Les durées du chapitre 9 sont des ordres de grandeur indicatifs.

Et dans votre entreprise ?

Un rendez-vous de 60 minutes avec Grapes, pour repérer le processus qui vous fera gagner le plus de temps.

Chargement de l'agenda…

Choisissez votre créneau

Un rendez-vous de 60 minutes, en visio. L'agenda s'ouvre sur cal.com.

Voir les créneaux

L'agenda ne s'affiche pas ? Réserver sur cal.com ou écrire sur LinkedIn