Loading mermaid.tools…
← Zurück zum Editor

Kostenloser visueller Mermaid Editor — Diagramme erstellen und exportieren

mermaid.tools ist ein kostenloser visueller Editor, mit dem du Mermaid-Diagramme direkt im Browser erstellen, live prüfen und exportieren kannst. Schreibe oder füge Code ein, passe ihn visuell an und lade das Ergebnis herunter.

Wie funktioniert es?

  1. Schreibe eine Mermaid-Definition im Bereich Code oder beginne mit einem Beispiel.
  2. Prüfe das Ergebnis in der Vorschau. Unter Werkzeuge kannst du Design, Schriftgröße und Layout ändern.
  3. Öffne Exportieren und lade dein Diagramm als SVG, PNG, JPEG, PDF, MMD oder JSON herunter.

Häufig gestellte Fragen

Was ist Mermaid?

Mermaid ist eine quelloffene JavaScript-Bibliothek, die Textdefinitionen in Flussdiagramme, Sequenzdiagramme und weitere Diagrammtypen umwandelt.

Welches Exportformat sollte ich wählen?

Nutze SVG für skalierbare Grafiken, PNG für transparente Bilder und PDF für Seitenlayouts. Bewahre MMD als bearbeitbaren Quelltext oder JSON als Sicherung von Projekt und Einstellungen auf.

Wo werden meine Diagramme gespeichert?

Rendering und Projektspeicherung finden in deinem Browser statt. Die benötigten Bibliotheken werden über das Netz geladen. Ein geteilter Link enthält das Diagramm; jeder Empfänger kann es ansehen.

Kann ich das Werkzeug als App auf meinem Smartphone installieren?

Öffne auf dem iPhone in Safari das Teilen-Menü und wähle Zum Home-Bildschirm. Nutze in anderen unterstützten Browsern die Funktion zur App-Installation. Für den ersten Aufruf ist eine Internetverbindung nötig.

Ausführliche Anleitungen (auf Englisch)

Die wichtigsten Bedienelemente sind auf Deutsch verfügbar. Einige erweiterte Bedienelemente und technische Fehlermeldungen bleiben auf Englisch. Dein Mermaid-Code wird nie übersetzt.