Dessiner un schéma d'architecture sur un tableau blanc

Pour dessiner un schéma blocs d'architecture système sur un tableau blanc, choisissez d'abord un niveau de détail. Pour la plupart des discussions, c'est le niveau conteneurs du modèle C4 : une boîte par application et par stockage de données, des flèches légendées avec ce qui circule entre elles, et les personnes et systèmes externes sur les bords. Écrivez en haut la question à laquelle le schéma répond, ajoutez une légende et arrêtez-vous vers une douzaine de boîtes.

Une fois l'ordre connu, cela prend environ 20 minutes. Cet article donne cet ordre, les quatre niveaux C4 dont il découle, un exemple complet et une comparaison honnête des outils d'IA qui promettent désormais de dessiner le schéma à votre place : Miro AI, DiagramGPT d'Eraser et tldraw. Nous dessinons ces schémas au début de chaque produit que nous construisons, le plus souvent sur un tableau partagé pendant un appel : c'est la méthode que nous utilisons vraiment.

Ce qu'un schéma d'architecture système doit montrer

Un schéma d'architecture répond à une question sur un système logiciel, pour un public donné. « Comment un paiement va-t-il du checkout à la banque ? » est une question. « Tout sur notre plateforme » n'en est pas une, et le schéma qui s'y essaie finit avec quarante boîtes illisibles.

Presque tout schéma blocs a besoin de trois choses :

Les boîtes. Chacune est quelque chose qui s'exécute ou stocke des données : une application web, une API, un worker, une base de données, une file d'attente.
Les flèches. Chacune est une relation avec un sens et un verbe : « envoie les commandes à », « lit depuis », « publie des événements sur ».
Les bords du système. Les personnes qui l'utilisent et les systèmes externes dont il dépend, comme un prestataire de paiement ou un service d'e-mail.

Ce qui n'a généralement rien à y faire, c'est le détail d'infrastructure (répartiteurs de charge, sous-réseaux, zones de disponibilité), sauf si la question porte sur le déploiement, et le détail du code (classes, fonctions), sauf si la question porte sur un composant.

Les quatre niveaux C4, et lequel dessiner au tableau

Le modèle C4, créé par Simon Brown et documenté sur c4model.com, est la façon la plus utile que nous connaissions de décider quoi dessiner. Il décrit un système à quatre niveaux de zoom, avec des vues complémentaires pour le paysage, le comportement dynamique et le déploiement.

Niveau C4	Ce que sont les boîtes	Pour qui	Adapté au tableau blanc ?
1. Contexte système	Votre système en une seule boîte, entouré des utilisateurs et des systèmes externes	Tout le monde, y compris les non-techniciens	Oui ; le meilleur premier dessin
2. Conteneurs	Applications et stockages de données du système : app web, API, worker, base de données	Développeurs, architectes, responsables techniques	Oui ; le schéma blocs le plus courant
3. Composants	Les grandes parties d'un conteneur : modules, services, contrôleurs	Les développeurs de ce conteneur	Parfois, un conteneur à la fois
4. Code	Classes, interfaces, tables	Développeurs ; généralement généré depuis le code	Rarement ; mieux vaut le générer depuis le code

En pratique, nous dessinons le niveau 1 dans les cinq premières minutes d'un lancement de projet, puis consacrons le reste de la séance au niveau 2. Le niveau 3 apparaît quand un conteneur est assez complexe pour qu'on en débatte. Nous ne dessinons presque jamais le niveau 4 à la main.

Dessiner un schéma blocs au tableau blanc en 20 minutes

La méthode fonctionne sur un tableau physique, une toile en ligne ou du papier. Les durées supposent un système de taille moyenne, par exemple un produit SaaS avec un front web, une API, des tâches de fond et quelques services tiers.

Minutes 0 à 3 : écrire la question en haut

Écrivez une phrase en haut du tableau : à quoi ce schéma doit répondre, et pour qui. « Comment une réservation est créée et confirmée, pour le nouveau développeur backend » suffit. Chaque boîte ajoutée ensuite doit aider à répondre à cette phrase.

Minutes 3 à 8 : dessiner les personnes et les systèmes externes

Sur les bords, dessinez les personnes (clients, équipe, administrateurs) et les systèmes externes (prestataire de paiement, service d'e-mail, API d'agenda). Utilisez une autre forme ou une autre couleur pour ce qui ne vous appartient pas. C'est votre contexte système, et il fait souvent ressortir une dépendance que quelqu'un avait oubliée.

Minutes 8 à 14 : dessiner les conteneurs

Au centre, une boîte par application en fonctionnement ou stockage de données. Donnez à chaque boîte trois lignes : un nom, sa technologie entre parenthèses et une phrase sur son rôle. « Booking API (Node.js) - crée et confirme les réservations » vaut mieux qu'une boîte marquée « API ». Restez autour de douze boîtes ; au-delà, vous dessinez deux schémas.

Minutes 14 à 18 : dessiner les flèches avec des verbes

Reliez les boîtes, une flèche par relation, dans le sens de la requête ou des données. Légendez chaque flèche avec un verbe et, si c'est utile, le protocole : « envoie la confirmation via (SMTP) », « lit les disponibilités depuis (JSON sur HTTPS) ». C'est dans les flèches sans légende que se logent les malentendus.

Minutes 18 à 20 : ajouter une légende, un titre et une date

Ajoutez une petite légende des formes, couleurs et styles de trait, un titre qui indique le niveau C4, et la date du jour. La date compte plus qu'il n'y paraît : un schéma non daté reste cru bien après avoir cessé d'être vrai.

Les règles de notation qui gardent un schéma blocs lisible

Une forme par type d'élément. Des rectangles pour les applications, des cylindres pour les bases de données, une silhouette pour les personnes. Ne mélangez pas les sens.
La couleur indique la propriété, pas la décoration. Par exemple vos systèmes dans une couleur et les systèmes tiers en gris.
Une flèche va dans un seul sens. Si deux boîtes communiquent dans les deux sens, dessinez deux flèches avec deux verbes.
Pas de boîte orpheline. Chaque boîte a au moins une flèche, sinon elle n'a pas sa place sur ce schéma.
Regroupez par des frontières, pas par la proximité. Tracez un cadre en pointillés autour de ce qui appartient à votre système pour rendre la limite explicite.
Écrivez des libellés, pas des sigles. « PSP » ne veut pas dire la même chose pour chaque personne de la salle.

Un exemple complet : un produit de réservation au niveau conteneurs

Voici le schéma de niveau 2 que nous dessinerions pour un produit de réservation simple, décrit en mots pour que vous puissiez l'esquisser en même temps.

En haut : « Comment une réservation est créée et confirmée, pour un nouveau développeur backend. Niveau conteneurs C4. 28 octobre 2026. »

À gauche, une personne : Client. À droite, trois systèmes externes en gris : Prestataire de paiement, Service d'e-mail et Google Agenda.

Dans un cadre en pointillés intitulé « Système de réservation », cinq boîtes :

App web (Next.js) - affiche les disponibilités et prend la réservation.
Booking API (Node.js) - valide et crée les réservations.
Worker (Node.js) - envoie les confirmations et synchronise les agendas.
Base de données (PostgreSQL) - stocke réservations, clients et disponibilités.
File d'attente (Redis) - contient les tâches du worker.

Flèches : Client « réserve un créneau avec » App web ; App web « crée la réservation via (HTTPS) » Booking API ; Booking API « lit et écrit dans » Base de données ; Booking API « encaisse le paiement via » Prestataire de paiement ; Booking API « place la tâche de confirmation dans » File d'attente ; Worker « récupère les tâches de » File d'attente ; Worker « envoie l'e-mail via » Service d'e-mail ; Worker « crée l'événement dans » Google Agenda.

Cela fait neuf boîtes et huit flèches, et un nouveau développeur le lit en moins d'une minute.

Tableau blanc ou générateur IA : Miro AI, Eraser DiagramGPT et tldraw comparés

Les recherches sur « schéma blocs tableau blanc IA » augmentent parce que plusieurs outils génèrent désormais un premier jet à partir d'un texte. Un jet généré fait gagner le temps du dessin, pas celui de la réflexion : il vous faut toujours la question, le niveau et les boîtes. Les données viennent des pages de chaque éditeur, en octobre 2026.

Outil	Ce que fait l'IA	Prix en octobre 2026	Idéal pour
Miro AI	Génère un diagramme modifiable sur le tableau à partir d'un prompt ou de notes et croquis existants ; types listés : organigrammes de flux, ER, cartes mentales, UML séquence et classes	Free : 3 tableaux modifiables, 10 crédits IA par mois ; Starter 8 $ par membre et par mois en annuel avec 25 crédits ; Business 20 $ avec 50 crédits	Ateliers dans les équipes déjà sur Miro
Eraser DiagramGPT	Génère flux, ER, architecture cloud, séquence et BPMN à partir d'un prompt ; modifiable ensuite en formes ou en diagramme-as-code	Free : 3 fichiers, 3 crédits IA ; Business 45 $ par membre et par mois en annuel (60 $ en mensuel), 100 crédits	Schémas d'architecture technique rangés dans la documentation
tldraw	tldraw.com est un tableau blanc gratuit ; le SDK tldraw fournit un kit de démarrage d'agent pour que les développeurs construisent une IA qui dessine sur la toile	Tableau gratuit ; licence SDK sur demande, essai de 100 jours	Croquis, et équipes qui construisent leur propre produit de canevas

Miro AI

Le générateur de diagrammes IA de Miro part d'un prompt, ou d'un groupe de post-it déjà sur le tableau, et produit un diagramme entièrement modifiable. Chaque génération consomme un crédit, et la page tarifaire de Miro indique 10 crédits par mois en Free, 25 par membre en Starter et 50 en Business. Miro ne propose pas de type C4 ou architecture dédié ; on y arrive par les options flux et UML et un peu de retouche. C'est un bon choix si le schéma fait partie d'un tableau d'atelier que l'équipe utilise déjà.

Eraser DiagramGPT

DiagramGPT d'Eraser est le plus orienté ingénierie des trois. L'architecture cloud fait partie de ses cinq types de diagrammes, et chaque résultat se modifie en formes ou via la syntaxe diagramme-as-code d'Eraser, pratique quand un libellé se corrige plus vite en texte. La page tarifaire d'Eraser affiche 3 crédits IA sur l'offre gratuite : assez pour essayer, pas pour en dépendre.

tldraw

tldraw est un tableau blanc rapide et gratuit au rendu dessiné à la main, adapté aux premiers croquis. Son volet IA s'adresse aux développeurs : le SDK tldraw inclut un kit de démarrage d'agent pour construire une IA qui lit et modifie la toile, et la page de licence tldraw fixe le prix du SDK sur demande. Nous n'avons pas trouvé, sur les pages de l'éditeur, de générateur de diagrammes IA intégré à tldraw.com, nous n'en évaluons donc pas ici.

Pour une comparaison plus large qui couvre aussi Visual Paradigm et Mermaid écrit par un LLM, lisez notre article sur les outils d'IA pour schémas blocs.

Où se placent les tableaux blancs d'Atrix, et ce qu'ils ne font pas

Atrix est l'outil que nous développons, alors les limites d'abord. Les pages Atrix peuvent contenir des tableaux blancs Excalidraw sous forme de blocs, vierges ou à partir de treize modèles dont architecture et organigramme de flux. Le dessin y est manuel : le tableau blanc d'Atrix ne génère pas de diagramme à partir d'un texte. Ce que vous obtenez, c'est le schéma placé sous le paragraphe qui l'explique, dans une page rattachée au projet, avec coédition en direct, commentaires et historique des versions.

L'IA d'Atrix travaille sur l'écrit, pas sur le dessin. Une exécution Develop part d'un brief et produit des exigences, un document d'architecture et des tickets planifiés ; le document d'architecture est du texte, et nous en tirons le schéma conteneurs sur le tableau blanc de la même page. La page docs et tableaux blancs décrit précisément ce que fait le tableau, et la page de l'agent IA ce que produit une exécution Develop. Si vous voulez un outil qui dessine le schéma à partir d'un prompt, prenez Miro AI ou Eraser et liez le résultat depuis votre document.

Pour le document qui accompagne en général le schéma, lisez comment rédiger un document d'architecture avec l'IA.

FAQ

Qu'est-ce qu'un schéma blocs en architecture logicielle ?

Un schéma blocs montre les grandes parties d'un système sous forme de boîtes et leurs relations sous forme de flèches, sans détail d'implémentation. En termes C4, la plupart des schémas blocs logiciels sont des schémas de contexte ou de conteneurs.

Quelle est la meilleure façon de dessiner un schéma d'architecture au tableau blanc ?

Écrivez la question à laquelle il répond, dessinez d'abord les personnes et systèmes externes, puis les conteneurs au centre, puis les flèches légendées, et terminez par une légende et une date. Restez autour d'une douzaine de boîtes, à un seul niveau de détail.

L'IA peut-elle dessiner un schéma d'architecture système ?

Oui, en premier jet. Miro AI et Eraser DiagramGPT génèrent des diagrammes modifiables à partir d'un prompt, et n'importe quel LLM peut écrire du code Mermaid à afficher ailleurs. Il faut quand même vérifier chaque boîte et chaque flèche, car le jet ne reflète que ce que vous avez décrit.

Qu'est-ce que le modèle C4 ?

Le modèle C4, de Simon Brown, décrit l'architecture logicielle à quatre niveaux : contexte système, conteneurs, composants et code. Chaque niveau zoome sur le précédent. Il définit aussi des schémas complémentaires pour le paysage des systèmes, le comportement dynamique et le déploiement.

Atrix génère-t-il des diagrammes à partir d'un texte ?

Non. Atrix propose des tableaux blancs Excalidraw dans les pages, avec un modèle d'architecture, et le dessin y est manuel. Son agent IA rédige des documents d'architecture en texte, que vous pouvez schématiser sur le tableau blanc de la même page.

Étape suivante

Ouvrez une page, insérez un tableau blanc à partir du modèle d'architecture et dessinez le schéma conteneurs de votre système avec la méthode en 20 minutes. La page docs et tableaux blancs montre comment pages et tableaux s'articulent.

Sources

Consultées en octobre 2026 : modèle C4, générateur de diagrammes IA de Miro, tarifs Miro, Eraser DiagramGPT, tarifs Eraser, tldraw, licence tldraw.

Dessiner un schéma blocs d'architecture système sur un tableau blanc en 20 minutes, et quand l'IA aide