Mermaid Design Mermaid Design

À propos

mermaid.design est un éditeur de diagrammes Mermaid en ligne gratuit. Écrivez la syntaxe Mermaid à gauche et voyez le diagramme rendu en direct à droite. Tout le traitement s’effectue entièrement dans votre navigateur : vos diagrammes ne quittent jamais votre appareil.

Fonctionnalités clés

  • Aperçu en direct : les diagrammes se régénèrent au fur et à mesure de votre saisie, avec validation instantanée de la syntaxe et signalement des erreurs
  • Deux modes de rendu : affichez votre diagramme en SVG net, ou en art ASCII que vous pouvez coller dans des commentaires de code, des documents ou des terminaux
  • Thèmes de diagramme : thèmes Mermaid en un clic, dont Par défaut, Neutre, Forêt, Sombre et Base, ainsi que des couleurs d’arrière-plan personnalisées ou un arrière-plan transparent
  • Rendu ASCII : convertissez organigrammes et diagrammes de séquence en diagrammes textuels avec des jeux de caractères Unicode ou ASCII simples et une taille de police ajustable
  • Déplacement et zoom : faites glisser pour déplacer la vue et Ctrl/⌘ + molette pour zoomer, avec une barre d’outils flottante pour un contrôle précis
  • Éditeur de code : éditeur basé sur Monaco (le même moteur que VS Code) avec coloration syntaxique Mermaid
  • Modèles : une galerie intégrée de modèles d’organigrammes, diagrammes de séquence, de classes, d’états, ER, de Gantt, circulaires, graphes Git, cartes mentales et parcours utilisateur
  • Export : téléchargez votre diagramme en SVG, PNG, JPG ou WebP en résolution 1x, 2x ou 4x — ou en ASCII texte brut
  • 100 % côté client : aucun serveur, aucun téléversement — tout s’exécute localement dans votre navigateur

Types de diagrammes pris en charge

Organigrammes, diagrammes de séquence, diagrammes de classes, diagrammes d’états, diagrammes ER, diagrammes de Gantt, diagrammes circulaires, graphes Git, cartes mentales, parcours utilisateur, diagrammes C4, chronologies et diagrammes d’exigences — tout ce que le moteur Mermaid prend en charge.

Commentaires

Si vous avez des questions ou des suggestions concernant notre outil, n’hésitez pas à nous contacter.