Zustandsdiagramm online erstellen

Erstellen Sie ein Zustandsdiagramm kostenlos online. Live gerendert mit Mermaid-Syntax, exportierbar als PNG und SVG, ohne Anmeldung.

Online-Editor öffnen

Live-Vorschau

…

So funktioniert die Syntax

Jedes Zustandsdiagramm beginnt mit einem Schlüsselwort, die folgenden Zeilen beschreiben Hierarchie und Beziehungen über Einrückung und Symbole. Die Zeichenfläche aktualisiert sich beim Tippen.

stateDiagram-v2
    [*] --> Pending
    Pending --> Paid : payment ok
    Pending --> Cancelled : timeout
    Paid --> Shipped : shipped
    Shipped --> Done : received
    Done --> [*]

Typische Einsatzbereiche

Häufig genutzt in technischer Dokumentation, Produktdesign, Projektmanagement und Lehre. Das Ergebnis lässt sich direkt in Markdown, Webseiten oder Folien einfügen.

Häufige Fragen

Brauche ich ein Konto, um ein Zustandsdiagramm zu erstellen?

Nein. Alle Funktionen sind frei und kostenlos, Sie können sofort nach dem Laden der Seite loslegen, Exporte sind unbegrenzt.

In welche Formate lässt sich ein Zustandsdiagramm exportieren?

In PNG und SVG. SVG ist ein Vektorformat, bleibt bei jeder Vergrößerung scharf und eignet sich gut für Dokumente und Folien.

Wie teile ich ein Zustandsdiagramm mit anderen?

Die Teilen-Schaltfläche erzeugt einen Link, in dem der Diagrammcode direkt enthalten ist. Wer ihn öffnet, sieht dasselbe Diagramm, ohne Anmeldung.

Jetzt ein Zustandsdiagramm zeichnen

18 Diagrammtypen, 10 Sprachen, live im Browser gerendert. Ohne Anmeldung, kostenlos.