Du texte au diagramme. IA illimitée, sur votre appareil.

Diagram Studio est un générateur de diagrammes IA gratuit qui s'exécute entièrement dans votre navigateur. Décrivez ce que vous voulez — un parcours d'inscription, un schéma de base de données, un tableau de sprint, une chronologie de version, une vue de déploiement C4 — et un petit modèle de langage sur appareil écrit le code Mermaid, l'affiche en direct au fil du flux, puis vous permet de le régénérer, de l'affiner et de le restyler avant de l'exporter en SVG ou PNG. Comme il n'y a aucune génération côté serveur, les générations sont illimitées sur tous les forfaits, y compris le forfait gratuit.

Il est conçu pour les situations où les outils de diagrammes dans le cloud ne sont pas la bonne réponse : transformer en quelques secondes une note de réunion en diagramme de séquence, rédiger un schéma ER privé pour un système client que vous ne pouvez pas confier au serveur d'un tiers, ou produire un organigramme publiable sans créer de compte. Dix-huit types de diagrammes, six thèmes, trois styles visuels, des variations IA et des affinages en un clic, 19 modèles de départ, une bibliothèque locale, des liens de partage autonomes et des exports sans filigrane sont intégrés. Rien de ce que vous écrivez ne quitte votre appareil.

Comment fonctionne la génération IA sur appareil

Deux moteurs se cachent derrière la même interface. Le premier est l'IA intégrée de Chrome (l'API LanguageModel, disponible dans Chrome 127+ et les autres navigateurs Chromium qui embarquent Gemini Nano). Il exécute le modèle déjà intégré au navigateur : rien à télécharger, la génération démarre immédiatement. Le second moteur est un modèle local Qwen2.5 1.5B-Instruct chargé via Transformers.js sur WebGPU, avec repli WebAssembly quand WebGPU n'est pas disponible — un téléchargement unique d'environ 1 Go, ensuite mis en cache par le navigateur pour une utilisation hors ligne.

Quel que soit le moteur, la sortie est un bloc de code Mermaid. Un correcteur automatique par expressions régulières répare les erreurs courantes d'un modèle 1,5B — fins de subgraph déséquilibrées, mots-clés de type de diagramme manquants, guillemets non fermés dans les libellés de nœuds — avant que le code n'atteigne le moteur de rendu. Mermaid 11 le parse puis l'affiche : un mode tolérant au flux ignore silencieusement les erreurs de syntaxe en cours de génération afin que la toile se mette à jour jeton par jeton, tandis que le rendu final signale les vraies erreurs avec un message clair que vous pouvez corriger dans l'éditeur de code.

Dix-huit types de diagrammes, ou Auto

Dix-huit types de diagrammes basés sur Mermaid sont pris en charge : organigramme, carte mentale, séquence, classe, état, entité-relation, Gantt, graphe git et diagramme circulaire couvrent les cas classiques du logiciel et du projet ; la chronologie et la carte de parcours utilisateur expliquent ce qui se déroule dans le temps ; le kanban et le graphique en quadrant organisent le travail et les arbitrages ; les diagrammes C4 décrivent le contexte système, les conteneurs et le déploiement ; les graphiques radar et XY visualisent les scores et les données numériques ; le diagramme de Venn montre les chevauchements ; et le diagramme d'Ishikawa (arête de poisson) structure l'analyse des causes racines. Quelques-uns des types les plus récents utilisent la syntaxe bêta de Mermaid et sont étiquetés comme tels — ils s'affichent de façon fiable mais nécessitent parfois une petite retouche manuelle.

Vous pouvez épingler un type explicitement ou laisser le sélecteur sur Auto et laisser le modèle choisir la représentation adaptée à votre prompt — les « tables de base de données » tendent vers un diagramme ER, l'« échange de messages » vers une séquence, un « tableau de sprint » vers un kanban. Le même prompt peut aussi être exploré sous forme de plusieurs variations IA, chacune générée à une température différente, pour comparer une disposition sage à des versions plus créatives.

Thèmes, styles et direction

Six thèmes recolorent instantanément tout diagramme sans relancer le modèle : Graphite (la palette gris froid par défaut), Cobalt (un bleu à accent unique), ainsi que Default, Neutral, Dark et Forest de Mermaid. Trois styles changent de registre visuel : Neo est le style moderne et épuré, Classic l'aspect Mermaid traditionnel, et Hand-drawn affiche des traits crayonnés façon Excalidraw pour les brainstorms sur tableau blanc.

La direction fait basculer les organigrammes et autres diagrammes orientés entre haut-vers-bas (TD) et gauche-vers-droite (LR) ; l'action d'affinage « inverser la direction » peut aussi régénérer la disposition plutôt que la faire simplement pivoter. Le code lui-même étant indépendant du thème, du style et de la direction, un changement de style ne détruit jamais vos modifications.

Variations IA et actions d'affinage

Chaque génération peut produire une, deux ou quatre variations. Le forfait gratuit génère une variation par exécution — sans limite sur le nombre d'exécutions — tandis que Pro débloque deux et quatre, générées en série à des températures croissantes (0,2, 0,5, 0,75 et 0,95) afin que l'ensemble aille du sûr au créatif. Basculez entre V1–V4 instantanément ; modifier à la main le code Mermaid d'une variante n'écrase jamais les autres.

Six actions d'affinage s'appliquent au diagramme courant sans tout recommencer : Fix corrige la syntaxe, Simplify retire les nœuds et liens redondants, Add detail enrichit une ébauche clairsemée, Beautify nettoie les formulations et les regroupements, Flip direction régénère dans le sens opposé, et Custom applique une instruction écrite avec vos propres mots. Chaque affinage est une nouvelle génération sur appareil, donc lui aussi illimité.

Modèles, bibliothèque enregistrée et historique

Dix-neuf modèles intégrés couvrent tous les types de diagrammes avec des points de départ réalistes et consultables par recherche — ouvrez le navigateur de modèles, filtrez par nom, chargez-en un et modifiez directement le Mermaid. Les modèles rendent les diagrammes spécialisés (C4, arête de poisson, kanban, carte de parcours) utilisables sans en connaître la syntaxe.

Un bouton Enregistrer stocke le diagramme courant avec un nom dans votre navigateur : le forfait gratuit conserve jusqu'à 12 diagrammes, Pro jusqu'à 200. Par ailleurs, les 20 dernières générations en gratuit (100 en Pro) sont conservées automatiquement dans Récents, chacune avec son prompt, son type et son horodatage, et tout élément peut être rechargé ou supprimé. Tout vit dans le localStorage de votre appareil — pas de bibliothèque cloud, pas de synchronisation de compte, rien qui puisse fuiter. Les prompts gratuits peuvent atteindre 2 000 caractères ; Pro passe à 12 000.

Partager sans serveur

Le partage n'envoie aucun fichier. Le code du diagramme courant, ainsi que son type, son thème, son style et sa direction, sont compressés en deflate-raw et encodés dans un hash d'URL autonome. Toute personne ouvrant le lien restaure le diagramme exact sur son propre appareil ; il n'y a aucun enregistrement en base et rien à supprimer côté serveur. Comme les données se trouvent après le #, elles n'atteignent jamais aucun serveur web. Une fois le diagramme restauré, le hash est effacé de la barre d'adresse, afin que recharger ou mettre la page en favoris ne rouvre pas l'ébauche partagée.

Contrôles de la toile et export

La toile prend en charge le zoom molette et pavé tactile ancré sur le curseur, le glisser pour déplacer, le double-clic pour ajuster, un mode plein écran (entrée et sortie avec Échap), ainsi que le réaffichage en direct à chaque modification du code. Le code Mermaid reste exposé dans un éditeur à côté de la toile : c'est toujours l'éditeur — et non une image en lecture seule — qui fait foi.

Les exports sont générés côté client à partir du SVG affiché : SVG téléchargeable (vectoriel, résolution infinie) et PNG en 2× et 4× au forfait gratuit, avec le 8× débloqué en Pro, ainsi que Copier SVG et Copier PNG en un clic. Aucun aller-retour serveur, aucun filigrane, aucun compte, sur les deux forfaits.

Limites, prérequis et confidentialité

Le modèle Qwen local nécessite un appareil raisonnablement récent — WebGPU compte pour la vitesse, et 1,5 milliard de paramètres représentent toujours plusieurs secondes de génération pour un diagramme complexe. La voie de l'IA intégrée à Chrome est plus rapide et sans téléchargement, mais n'existe que dans les navigateurs Chromium embarquant Gemini Nano. Si aucun moteur n'est disponible, l'outil reste un éditeur Mermaid complet : écrire le code à la main, rendu en direct, modèles, thèmes et mêmes options d'export. Un modèle 1,5B n'est pas un modèle de pointe — considérez sa sortie comme un premier jet et attendez-vous à quelques corrections manuelles, en particulier pour les types de diagrammes bêta et la sémantique UML stricte.

La génération ne coûtant rien au service, aucun des deux forfaits n'impose de quota journalier ou mensuel : les limites gratuites sont 1 variation par exécution, 12 diagrammes enregistrés, 20 éléments récents, prompts de 2 000 caractères et PNG 4× ; Pro ajoute 4 variations, 200 diagrammes enregistrés, 100 éléments récents, 12 000 caractères et PNG 8×. Votre prompt et votre code Mermaid ne quittent jamais le navigateur, il n'y a aucune journalisation ni analyse des prompts, et la seule requête réseau de l'outil est le téléchargement unique du modèle depuis un CDN public — après quoi il fonctionne hors ligne.