Diagramme de flux AI Mermaid

Qu’est-ce que MermaidGo ?

MermaidGo est un éditeur en ligne gratuit de Mermaid en chinois, développé par MIN2K.

Il regroupe l’édition de code Mermaid, la prévisualisation en temps réel ainsi que la génération et la modification par l’IA de diagrammes sur une seule page web.

Fonction principale

• Entrez une description en langage naturel pour que l’IA génère du code Mermaid.
• Editez directement le texte Mermaid et visualisez en temps réel le résultat de rendu.
• Modifier la structure, les nœuds et l’expression des graphiques existants à l’aide de l’IA.
• Aider à localiser et corriger le code en cas d’erreurs grammaticales.
• Consultez les documents en chinois pour apprendre les différents types de graphiques et leurs paramètres.
• Découvrez les processus et structures de diagrammes courants à l’aide de la bibliothèque de modèles.

Types de graphiques pris en charge

Processus de création de graphiques générés par l’IA

1. Choisissez d’abord un diagramme de flux, un diagramme chronologique, un diagramme de Gantt ou un autre type de cible.
2. Énumérez en phrases courtes les participants, les nœuds, les relations, l’ordre et les conditions de branche.
3. Indiquez la direction du diagramme, les niveaux, les titres et les parties à mettre en évidence.
4. Laissez l’IA générer la première version du code Mermaid.
5. Vérifiez dans la prévisualisation en temps réel que les nœuds, les connexions et le texte sont corrects.
6. Modifier les structures et les étiquettes erronées par l’IA ou manuellement.
7. Découper les diagrammes complexes en sous-diagrammes pour réduire les lignes de connexion croisées.
8. Copiez le code ou exportez les résultats, puis insérez-les dans les documents et les supports de présentation.

Comment écrire des prompts

Plus les prompts sont proches d’une demande structurée, plus le code Mermaid généré est facile à maintenir.

• Écrivez d’abord le type de diagramme, par exemple un diagramme de flux de processus de gauche à droite.
• Énumérez les nœuds de début, de traitement, de décision, d’exception et de fin un par un.
• Définir clairement chaque condition de branche ainsi que le point de convergence.
• Un diagramme de séquence doit lister les acteurs et l’ordre successif des messages.
• Le diagramme de Gantt doit indiquer les tâches, la date de début, la durée et les dépendances.
• Ne mélangez pas l’introduction générale et les nœuds des graphiques dans la même longue description.

Éditeur de code Mermaid

Mermaid utilise des définitions de diagrammes en texte proches de Markdown ; il suffit de modifier le texte pour ré-renderiser.

• Le diagramme de flux peut être orienté de haut en bas ou de gauche à droite.
• La forme des nœuds sert à distinguer les étapes, les jugements, les données ainsi que les débuts et fins.
• Les sous-graphes permettent de diviser les systèmes complexes en plusieurs modules.
• La configuration du thème permet d’ajuster les couleurs, les bordures, la police de caractères et les lignes de connexion.
• Les versions plus récentes prennent en charge des icônes, des images, des diagrammes d’architecture et du Kanban, entre autres.
• La grammaire expérimentale peut varier selon les versions.

Problèmes grammaticaux courants

À qui s’adresse-t-il

• Développeur : Concevoir les flux de système, les chronologies d’interfaces et l’architecture logicielle.
• Chef de produit : Organiser les processus métier, les états et le parcours utilisateur.
• Chef de projet : Afficher le plan des tâches et les dépendances à l’aide d’un diagramme de Gantt.
• Enseignants et élèves : création de structures de connaissances et d’illustrations de cours.
• Chercheurs : Analyser la structure du papier, les méthodes et les relations entre les variables.
• Auteur technique : Maintenir les diagrammes en synchronisation avec le document Markdown.

Prix

Au 30 août 2026, la présentation officielle du produit désigne MermaidGo comme un éditeur en ligne gratuit en chinois.

• La page actuellement affichée ne présente pas les forfaits abonnés ni les prix fixes.
• Le nombre d’appels de l’IA, les modèles et les règles de crédit futurs ne sont pas encore publiés.
• Si de nouvelles notifications de connexion, de points ou de paiement apparaissent sur la page, il convient de se référer à l’interface en vigueur.
• Avant d’utiliser l’équipe commerciale, il est possible de vérifier la stabilité du service et les conditions relatives aux données auprès du prestataire.

Différences entre MermaidGo et Mermaid.js

Le fait d’utiliser Mermaid.js open source comme base ne signifie pas que le site MermaidGo et son service d’IA soient entièrement open source.

Déploiement local et accès pour les développeurs

Lorsqu’il est nécessaire d’afficher des diagrammes sur son propre site web ou dans un système de documents, Mermaid.js peut être intégré directement.

• La méthode npm indiquée dans la documentation officielle exige Node.js 16 ou une version ultérieure.
• Il est également possible de charger les modules ES via un CDN et d’initialiser leurs configurations.
• L’entité qui déploie doit gérer elle-même le niveau de sécurité, les thèmes et les mises à jour de version.
• MermaidGo ne dispose pas pour le moment d’une API publique ni d’un SDK officiel.
• Les capacités de génération par l’IA ne peuvent pas être reproduites localement automatiquement à l’aide de Mermaid.js.

Restrictions d'utilisation et précautions

• L’IA peut générer des graphiques grammaticalement corrects mais présentant des erreurs de logique métier.
• Lors de la génération d’un processus complexe en une seule fois, il est facile d’oublier les branches et boucles anormales.
• Les différences de versions de Mermaid peuvent entraîner l’impossibilité de rendre une nouvelle syntaxe.
• Les outils en ligne ne conviennent pas pour entrer des architectures système et des processus commerciaux non masqués.
• Les graphiques utilisés dans les documents officiels doivent être vérifiés par le responsable de l’entreprise.
• Les modèles publics ne peuvent servir que de référence structurelle et ne remplacent pas une analyse des besoins réels.

Questions fréquentes

Que peut faire MermaidGo ?

Il peut générer, modifier et corriger des diagrammes tels que les diagrammes de flux, les diagrammes temporels, les diagrammes de Gantt, etc., à l’aide de code ou d’IA.

MermaidGo est-il gratuit ?

Selon la présentation officielle, il est actuellement désigné comme un éditeur gratuit, et aucune offre payante n’est affichée sur la page publique.

Faut-il installer un logiciel pour utiliser MermaidGo ?

Ce n’est pas nécessaire, l’utilisateur peut l’ouvrir et l’utiliser directement dans le navigateur de son ordinateur ou de son appareil mobile.

Quels graphiques prend-il en charge ?

Prend en charge les diagrammes de flux, les diagrammes chronologiques, les diagrammes de classes, les diagrammes d’états, les diagrammes de Gantt, les mind maps et les diagrammes d’architecture.

MermaidGo propose-t-il une API ?

Aucune API indépendante n’est actuellement disponible ; l’API Mermaid mentionnée dans la documentation fait partie de Mermaid.js au niveau basique.

MermaidGo est-il un outil open source ?

Il n’a pas été confirmé que le service en ligne soit open source, mais Mermaid.js qu’il utilise est une bibliothèque de diagrammes open source.

Les graphiques générés par l’IA doivent-ils être vérifiés ?

Il est nécessaire de vérifier les nœuds, les branches, les dépendances, les délais et la logique métier avant d’en faire un usage officiel.