Aperçu en temps réel
Chaque modification du code est rendue immédiatement pour repérer facilement les erreurs de syntaxe et de mise en page.
Créer des diagrammes en ligne
Créez des diagrammes Mermaid en ligne avec aperçu en temps réel, modèles et exemples. Exportez en PNG, SVG, PDF ou MMD, partagez un lien et gardez vos données dans le navigateur.
Éditeur de diagrammes gratuit dans le navigateur
Créez des diagrammes Mermaid en ligne gratuitement
Écrivez ou collez du code Mermaid, visualisez les changements instantanément, partez d’un modèle et exportez en PNG, SVG, PDF ou MMD. Vos données sont traitées dans le navigateur.
- 100 % gratuit
- 33 types de diagrammes
- Traitement dans le navigateur
- 4 formats d’export
Tout pour transformer du code Mermaid en diagramme
Un flux rapide, orienté code, pour les développeurs, équipes produit, rédacteurs techniques, étudiants et enseignants.
Modèles et exemples
Commencez avec des diagrammes de flux, de séquence, ER, de Gantt, d’architecture et d’autres exemples pratiques.
33 types de diagrammes
Des diagrammes de flux et cartes mentales à C4, Sankey, Wardley Maps, diagrammes syntaxiques et ZenUML.
Export PNG, SVG, PDF et MMD
Téléchargez une image matricielle, un vecteur, un document prêt à imprimer ou le code source Mermaid.
Partage par lien
Générez un lien pour que collègues, clients ou camarades ouvrent rapidement le même diagramme.
Confidentialité dans le navigateur
L’édition, le rendu et le traitement sont effectués dans le navigateur pour garder les contenus sensibles sur votre appareil.
11 langues d’interface
Disponible en English, 简体中文, Tiếng Việt, Русский, Português (Brasil), Español, Français, 日本語, 한국어, Deutsch et العربية.
Pensé pour le diagram as code
Conservez des diagrammes modifiables, révisables et adaptés au contrôle de version.
Créez un diagramme en trois étapes
- 01
Écrivez ou collez le code Mermaid
Choisissez un modèle, ouvrez un exemple ou collez du code provenant d’une documentation, de GitHub, ChatGPT, Claude ou ailleurs.
- 02
Prévisualisez pendant la saisie
Le diagramme se met à jour instantanément lorsque vous ajustez les libellés, relations, directions, styles et la mise en page.
- 03
Exportez ou partagez
Téléchargez PNG, SVG, PDF ou MMD, ou créez un lien de partage.
Explorez 33 types de diagrammes Mermaid
Choisissez la bonne visualisation pour le logiciel, les processus, les projets, les données, la stratégie, la recherche et la documentation.
- Diagramme de flux
- Diagramme de classes
- Diagramme de séquence
- Diagramme entité-association
- Diagramme d’états
- Carte mentale
- Diagramme d’architecture
- Diagramme de blocs
- Diagramme C4
- Cadre Cynefin
- Modélisation événementielle
- Diagramme de Gantt
- Graphe Git
- Diagramme d’Ishikawa (causes-effets)
- Tableau Kanban
- Diagramme de paquet réseau
- Diagramme circulaire
- Diagramme à quadrants
- Diagramme radar
- Diagramme syntaxique (ABNF)
- Diagramme syntaxique (EBNF)
- Diagramme syntaxique (IR)
- Diagramme syntaxique (PEG)
- Diagramme d’exigences
- Diagramme de Sankey
- Chronologie
- Vue arborescente
- Carte arborescente
- Parcours utilisateur
- Diagramme de Venn
- Cartes de Wardley
- Graphique XY
- ZenUML
Conçu pour la documentation au quotidien
Développeurs
Documentez API, services, modèles de données, transitions d’état, flux Git, paquets réseau et architecture.
Équipes produit et projet
Cartographiez parcours utilisateur, processus, roadmaps, Kanban, chronologies, exigences et plannings.
Rédacteurs techniques
Créez des visuels maintenables pour README, bases de connaissances, spécifications, tutoriels et documentation interne.
Étudiants et enseignants
Expliquez des systèmes complexes, comparez des concepts, créez des cartes mentales et transformez des notes en schémas clairs.
Le bon format pour chaque usage
Passez de l’aperçu aux documents, au design, à l’impression, aux présentations ou au contrôle de version sans redessiner.
- PNG
- Image matricielle de haute qualité pour présentations, documents, messageries et partage rapide.
- SVG
- Format vectoriel redimensionnable, toujours net sur le web, dans les outils de design et à tout niveau de zoom.
- Format portable pour l’impression, les rapports, les revues et l’archivage.
- MMD
- Code source Mermaid d’origine pour modifier, réutiliser et versionner le diagramme.
Les données du diagramme restent dans le navigateur
Le contenu Mermaid est traité côté client, ce qui convient aux architectures, processus internes, modèles de bases de données et autres schémas que vous ne souhaitez pas envoyer à un service distant.
Questions fréquentes
L’éditeur Mermaid en ligne est-il vraiment gratuit ?
Oui. L’éditeur, les modèles, les exemples, l’aperçu, le partage par lien et les exports PNG, SVG, PDF et MMD sont gratuits.
Qu’est-ce que Mermaid ?
Mermaid est une syntaxe textuelle de création de diagrammes. Vous décrivez des nœuds, relations, événements ou chronologies en code, puis le rendu transforme le texte en visuel.
Quels types de diagrammes sont pris en charge ?
33 catégories sont disponibles : flux, classes, séquence, ER, états, cartes mentales, architecture, C4, Gantt, Git, Kanban, Sankey, chronologies, parcours utilisateur, Venn, Wardley Maps, XY, ZenUML et plus.
Puis-je exporter en PNG, SVG, PDF et MMD ?
Oui. PNG convient aux images courantes, SVG aux vecteurs redimensionnables, PDF à l’impression et aux documents formels, MMD à la conservation du code modifiable.
Mon code Mermaid est-il envoyé à un serveur ?
Le site est conçu pour traiter les données dans le navigateur ; le contenu de travail reste côté client pendant l’édition et l’export habituels.
Comment fonctionne le partage par lien ?
Générez un lien dans l’éditeur et envoyez-le. Le destinataire peut ouvrir le diagramme directement dans son navigateur.
Dois-je installer Mermaid ou un logiciel ?
Non. Un navigateur moderne suffit.
Puis-je commencer avec un modèle ou un exemple ?
Oui. Les modèles facilitent l’apprentissage de la syntaxe et la création rapide de diagrammes courants.
Puis-je coller du code Mermaid généré par ChatGPT ou Claude ?
Oui. Collez le code, vérifiez l’aperçu, corrigez les éventuelles erreurs, puis exportez ou partagez.
Pourquoi utiliser Mermaid plutôt qu’un outil glisser-déposer ?
Les diagrammes textuels sont rapides à modifier, faciles à copier, adaptés à Git et aux revues de code, et simples à maintenir avec la documentation.
Transformez du texte en diagramme clair
Ouvrez l’éditeur, choisissez un modèle et exportez votre premier diagramme Mermaid en quelques minutes.
Créer un diagramme Mermaid