mermaid.design est un éditeur de diagrammes Mermaid en ligne. Écrivez la syntaxe mermaid en texte brut et voyez-la se transformer en organigrammes, diagrammes de séquence, diagrammes ER, diagrammes de Gantt et plus — rendus en direct pendant que vous tapez.
Tout s'exécute localement dans votre navigateur : pas de compte, pas de téléversement, pas d'allers-retours serveur. Le code de vos diagrammes reste sur votre appareil et chaque export est généré là où vous travaillez.
Bien plus qu'un outil de coller-prévisualiser — un environnement complet pour concevoir, styliser et exporter des diagrammes en code.
Un éditeur CodeMirror léger avec coloration syntaxique Mermaid, erreurs en ligne et sélection synchronisée avec le canvas, associé à un aperçu en direct avec panoramique et zoom.
Modifiez les libellés et les éléments du diagramme directement sur le canvas. Les changements se synchronisent avec le code source Mermaid, avec sélection et annulation/rétablissement partagés entre le code et l’aperçu.
Écrivez du Mermaid plus rapidement grâce à l’autocomplétion contextuelle, aux extraits prêts à l’emploi, à la recherche et au remplacement, au formatage en un clic et aux diagnostics de syntaxe intégrés.
Basculez entre la sortie SVG officielle de mermaid et un moteur ASCII qui dessine votre diagramme en texte brut — parfait pour les terminaux, commentaires de code et docs.
Ajustez les 73 variables de thème mermaid, partez de plus de 20 préréglages intégrés et de designer, ou dérivez une palette complète d'une seule couleur de base — puis exportez le thème en JSON ou frontmatter.
Ajustez 438 options de rendu Mermaid réparties en 33 groupes organisés, de la mise en page et des espacements au comportement propre à chaque diagramme, sans modifier manuellement le JSON de configuration.
Partez d'une galerie de modèles : organigrammes, diagrammes de séquence, d'états, ER, de Gantt et autres — chacun rendu en direct avec votre thème actuel avant application.
Téléchargez votre diagramme en SVG, PNG, JPG ou WebP — avec fond transparent en option — ou copiez le rendu ASCII directement dans votre README.
Pas d'inscription ni de backend : l'analyse, le rendu et l'export se font côté client, donc les diagrammes d'architecture sensibles ne quittent jamais votre machine.
Le même code mermaid, rendu à votre façon — changez de moteur depuis la barre de navigation à tout moment.
Le rendu SVG mermaid classique que vous connaissez de la documentation, avec un contrôle total sur chaque variable de thème et champ de configuration.
Ouvrir l'éditeur officiel →Rendez vos diagrammes en art ASCII pour les terminaux, commentaires de code et documents en texte brut, avec jeu de caractères et taille de police ajustables.
Essayer le mode ASCII →Décrivez un diagramme en langage naturel et laissez l'IA rédiger le code mermaid pour vous. Ce mode arrive bientôt.
Voir ce qui est prévu →De l'organigramme au diagramme d'architecture C4 — si mermaid le prend en charge, vous pouvez le concevoir ici.
Partez de zéro, collez du code existant ou choisissez l'un des 31 modèles de la galerie.
Ajustez les variables de thème, appliquez un préréglage ou passez au moteur Styled pour les ombres et contours personnalisés — sans une ligne de CSS.
Téléchargez en SVG, PNG, JPG ou WebP pour vos docs et diapos, ou en TXT pour le rendu ASCII. Votre thème voyage en JSON ou frontmatter.
Non. mermaid.design fonctionne entièrement dans votre navigateur — ouvrez la page et commencez à taper la syntaxe mermaid. Rien à installer, rien à s'inscrire.
Non. L'analyse, le rendu et l'export se font localement dans votre navigateur. Le code de votre diagramme est stocké dans le stockage local de votre navigateur et ne quitte jamais votre appareil.
Tous les types pris en charge par mermaid 12 : organigrammes, diagrammes de séquence, de classes, d'états, ER, diagrammes de Gantt, cartes mentales, chronologies, diagrammes de Sankey, diagrammes C4 et plus.
Vous pouvez télécharger en SVG, PNG, JPG ou WebP (avec fond transparent en option), exporter les rendus ASCII en texte brut et copier votre configuration de thème en JSON ou frontmatter mermaid.
Oui. Les diagrammes que vous créez et exportez vous appartiennent — utilisez-les dans la documentation, les présentations, les articles de blog ou les produits, commerciaux ou non.
Sans inscription — l'éditeur ci-dessus vous attend déjà.