Créer des diagrammes en ligne

Créez vos diagrammes Mermaid en ligne : collez le code et voyez le résultat en direct. Modèles, logigrammes, diagrammes de séquence et ER. Export PNG, SVG ou PDF et partage par lien, sans rien installer.

Gratuit, sans rien installer

Créez vos diagrammes avec Mermaid en ligne

Collez votre code ou choisissez un modèle : le diagramme s’affiche pendant que vous le modifiez. Créez un logigramme, un diagramme de séquence ou un schéma de base de données, puis enregistrez-le en PNG, SVG ou PDF.

Ouvrir l’éditeur Fonctionnalités
  • 100 % gratuit
  • 33 types de diagrammes
  • Traitement dans le navigateur
  • 4 formats d’export

Tout pour créer vos diagrammes Mermaid

Écrivez le code, vérifiez le résultat et préparez un schéma pour vos documents ou vos présentations.

Aperçu en direct

Modifiez le code et voyez le diagramme se mettre à jour. Vous pouvez ainsi repérer une erreur de syntaxe ou ajuster la disposition.

Modèles et exemples

Partez d’un logigramme, d’un diagramme de séquence, d’un schéma ER ou d’un diagramme de Gantt.

33 types de diagrammes

Des logigrammes et cartes mentales aux diagrammes C4 et Sankey, en passant par les tableaux Kanban.

Téléchargement en image, PDF ou code

Enregistrez le diagramme en PNG, SVG ou PDF, ou conservez son code dans un fichier MMD.

Partage par lien

Envoyez un lien à un collègue pour qu’il ouvre le même diagramme dans son navigateur.

Édition dans le navigateur

Pas besoin d’envoyer le code du diagramme au serveur pour le modifier ou l’exporter.

Interface en 11 langues

Utilisez l’éditeur en français ou choisissez une autre langue disponible.

Gérez les diagrammes avec Git

Le diagramme est du texte : vous pouvez le copier, comparer les modifications et le versionner avec votre projet.

Votre diagramme en trois étapes

  1. 01

    Collez le code ou choisissez un modèle

    Utilisez votre code Mermaid ou ouvrez un exemple et adaptez son contenu.

  2. 02

    Vérifiez le résultat

    Ajustez le texte et les liens entre les éléments en suivant les changements dans l’aperçu.

  3. 03

    Enregistrez ou partagez

    Téléchargez une image, un PDF ou le code en MMD, ou créez un lien de partage.

33 types de diagrammes au choix

Choisissez le diagramme qui explique le mieux un processus, les échanges entre services, une base de données ou le planning d’un projet.

  • Logigramme (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

Pour vos projets, vos documents et vos cours

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.

Quel format choisir pour votre diagramme ?

Choisissez PNG pour une présentation, SVG pour agrandir sans perte de qualité ou PDF pour imprimer. Gardez le code en MMD pour le modifier plus tard.

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.
PDF
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.

Le code est traité dans votre navigateur

Lors de l’édition et de l’export, le code Mermaid est traité dans le navigateur sans être envoyé au serveur. Les liens de partage contiennent le diagramme : transmettez-les uniquement aux personnes de votre choix.

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 permet de créer des diagrammes à partir de texte. Décrivez les éléments et leurs liens en code pour obtenir un logigramme, un diagramme de séquence ou un autre schéma.

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.

Essayez avec un exemple

Ouvrez l’éditeur, choisissez un modèle ou collez votre code Mermaid.

Créer un diagramme