Flussdiagramm erstellen
Schreiben Sie einen Schritt pro Zeile, und das Flussdiagramm zeichnet sich von selbst. Eine Zeile mit Fragezeichen am Ende wird zur Ja/Nein-Entscheidung. PNG oder SVG ohne Anmeldung herunterladen.
Beenden Sie eine Zeile mit ?, um eine Entscheidung anzulegen. Schreiben Sie in die Zeilen direkt darunter Ja: Schritt oder Nein: Schritt für die Verzweigungen. Ein Schrittname nach -> verbindet mit diesem Schritt.
Weiter geht’s
So erstellen Sie ein Flussdiagramm
- Schreiben Sie die Schritte Ihres Ablaufs in das Feld oben, einen pro Zeile. Die erste Zeile wird als Start gezeichnet, die letzte als Ende.
- Beenden Sie einen Schritt mit einem Fragezeichen, wenn dort eine Entscheidung fällt. Daraus wird eine Raute mit den Pfeilen „Ja“ und „Nein“.
- Hat eine Verzweigung eine eigene Aufgabe, schreiben Sie „Ja: Aufgabe“ oder „Nein: Aufgabe“ in die Zeile direkt unter der Frage.
- Wählen Sie die Richtung und laden Sie das fertige Diagramm als PNG oder SVG herunter.
Regeln für Entscheidungen
Sie müssen keine Diagrammsyntax kennen. Es gibt vier Regeln, und die Beispiel-Schaltflächen zeigen jede davon in Aktion.
- Eine weggelassene Verzweigung führt zur nächsten Zeile. Steht unter „Ist der Artikel auf Lager?“ nur „Nein: Kunden informieren“, führt der Ja-Pfeil zur folgenden Zeile.
- Eine Ja-Verzweigung kehrt auf den Hauptpfad zurück. Ein neuer Schritt wie „Ja: Regenschirm mitnehmen“ wird gezeichnet und läuft dann zur nächsten Zeile weiter. Ein neuer Schritt in einer Nein-Verzweigung endet dort.
- Der Name eines vorhandenen Schritts stellt eine Verbindung zu ihm her. „Nein: Fehlermeldung anzeigen -> Passwort eingeben“ zeigt die Fehlermeldung und springt zurück zum Schritt „Passwort eingeben“. Der Name muss exakt übereinstimmen.
- Ganz ohne Verzweigungszeilen führt Ja zur nächsten Zeile und Nein zurück zum vorherigen Schritt. Das passt zu Abläufen nach dem Muster „wiederholen, bis es klappt“, etwa „Sind die Tests bestanden?“.
Um mehrere Schritte in einer Verzweigung zu verketten, verbinden Sie sie mit Pfeilen: „Nein: Kunden informieren -> Erstattung -> Bestellung stornieren“.
Wofür es sich eignet
- Prozesse dokumentieren — Bestellabwicklung, Erstattungen oder Freigaben lassen sich als ein Bild leichter nachvollziehen als in einem langen Absatz. Fügen Sie es in ein Übergabedokument oder ein Wiki ein.
- Berichte und Hausarbeiten — Zeichnen Sie einen Algorithmus, einen Versuchsablauf oder eine User Journey und setzen Sie das Bild in Word, Google Docs oder eine Präsentation. Das PNG hat einen weißen Hintergrund und fügt sich gut in die Seite ein.
- Konzeption und Entwicklung — Skizzieren Sie Login-, Checkout- oder Registrierungsabläufe, die sich je nach Bedingung verzweigen, und teilen Sie sie vor dem Meeting.
- Checklisten im Alltag — Reisevorbereitung, Umzug oder die Reihenfolge bei der Fehlersuche funktionieren genauso.
So werden die Symbole gezeichnet
Abgerundete Kästen stehen für Start und Ende, Rechtecke für Aufgaben, Rauten für Entscheidungen mit den Ausgängen Ja und Nein, und Pfeile zeigen die Richtung des Ablaufs. Es werden nur die gängigsten Symbole verwendet, damit jeder das Ergebnis lesen kann. Bei vielen Schritten passt „Von links nach rechts“ zu breiten Folien, „Von oben nach unten“ zu Dokumenten und Smartphone-Bildschirmen.
Mermaid-Code direkt schreiben
Öffnen Sie den Tab „Mermaid-Code“, und Ihre Schritte werden in Mermaid-Syntax umgewandelt. Mermaid ist ein offenes Textformat für Diagramme; im Code können Sie Kastenformen und Pfeilbeschriftungen fein anpassen. Im selben Feld lassen sich auch Sequenzdiagramme (sequenceDiagram) zeichnen, die Nachrichten zwischen Personen und Systemen zeigen, sowie Gantt-Diagramme (gantt) für Zeitpläne. Starten Sie mit einer Beispiel-Schaltfläche und ändern Sie Namen und Termine.
Enthält der Code einen Fehler, nennt eine Meldung über der Vorschau die Zeile, die Sie prüfen sollten. Das letzte gültige Diagramm bleibt abgeblendet sichtbar, damit Sie beim Korrigieren vergleichen können. Text und Code werden automatisch in diesem Browser gespeichert und sind beim nächsten Besuch noch da. An einen Server gesendet werden sie nie.
Häufige Fragen
Muss ich mich anmelden oder etwas installieren?
Nein. Das Tool funktioniert sofort und ohne Konto, und die PNG- und SVG-Dateien haben kein Wasserzeichen.
Wie lege ich eine Ja/Nein-Entscheidung an?
Beenden Sie eine Zeile mit einem Fragezeichen, dann wird sie zur Raute. Schreiben Sie in die Zeilen direkt darunter „Ja: Schritt“ und „Nein: Schritt“, um die Verzweigungen hinzuzufügen.
Wird mein Text an einen Server gesendet?
Nein. Der Text wird in Ihrem Browser in ein Diagramm umgewandelt, und Ihr Entwurf wird nur auf diesem Gerät gespeichert.
Soll ich PNG oder SVG herunterladen?
PNG eignet sich zum Einfügen in Dokumente, Chats und Präsentationen. SVG ist die bessere Wahl für große Ausdrucke oder wenn Sie im Grafikprogramm weiterarbeiten möchten.