Flussdiagramm mit KI erstellen (5 Schritte + kostenlose Prompts)

Jemand fragt dich, wie die Rechnungsfreigabe eigentlich abläuft. Du fängst an: „Also, erst kommt die Rechnung rein, dann prüft Sam sie. Außer sie liegt über einem bestimmten Betrag, dann geht sie an …“ Nach dreißig Sekunden blickt niemand mehr durch. Du kennst den Prozess. Du kannst ihn nur nicht aufzeichnen. Und eine Stunde lang Kästchen in einem Diagramm-Tool herumzuschieben, fühlt sich nach einem vergeudeten Vormittag an.

So erstellst du ein Flussdiagramm mit KI: Beschreibe den Prozess in einfachen Worten, als Text oder Sprachnotiz. Bitte ChatGPT oder Claude, daraus ein Flussdiagramm in Mermaid zu schreiben. Das ist ein einfaches Textformat für Diagramme. Füge den Text dann in ein kostenloses Tool wie Mermaid Live Editor oder draw.io ein, um das Diagramm zu sehen. Claude kann es auch direkt im Chat zeichnen. Prüfe bei jedem Kästchen, ob es dem tatsächlichen Ablauf entspricht. Korrigiere das Diagramm mit einem weiteren Prompt und exportiere es als Bild. Eine erste Version dauert etwa 15 Minuten.

Hier findest du die fünf Schritte, Prompts zum Kopieren, ein ausgearbeitetes Beispiel und Lösungen für die Fehler, die dir beim ersten Versuch begegnen werden.

Warum KI gut für Flussdiagramme ist (und wo sie dich braucht)

Ein Flussdiagramm zeigt einen Prozess: Schritte in Kästchen, Entscheidungen in Rauten und Pfeile, die zeigen, was als Nächstes passiert. Die American Society for Quality beschreibt es als Werkzeug, um Arbeitsabläufe zu verstehen, zu vermitteln, zu dokumentieren und zu verbessern. Sie zählt es zu den sieben grundlegenden Qualitätswerkzeugen (ASQ: Was ist ein Flussdiagramm?).

Das Nachdenken war nie der zeitaufwendige Teil. Das war das Zeichnen: Kästchen platzieren, Pfeile ausrichten, alles umbauen, wenn dir ein vergessener Schritt einfällt. Genau diesen Teil nimmt dir die KI ab. Du beschreibst, sie strukturiert.

Was sie nicht kann: deinen Prozess kennen. Sie erfindet ohne Weiteres einen Schritt wie „Freigabe durch die Führungskraft“, den es gar nicht gibt. Oder sie lässt den kniffligen Sonderfall aus, der die Hälfte deiner Verzögerungen verursacht. Deshalb gilt für diese ganze Anleitung eine einfache Regel: Die KI entwirft das Diagramm. Die Menschen, die die Arbeit machen, prüfen es.

Was du brauchst

• Einen Chat-Assistenten: ChatGPT oder Claude. Die kostenlosen Tarife reichen dafür aus. Du nutzt sie zum ersten Mal? Starte mit unserer ChatGPT-Anleitung für Anfänger oder der Claude-Anleitung für Anfänger.
• Ein Tool, das das Diagramm anzeigt: Mermaid Live Editor (kostenlos, im Browser, ohne Installation) oder draw.io (kostenlos, ebenfalls im Browser). Oder Claude selbst: Dort kann das Diagramm neben deinem Chat erscheinen.
• Den Prozess im Kopf, noch besser im Kopf der Person, die ihn jeden Tag durchläuft.

Schritt 1: Hol den Prozess aus deinem Kopf (5 Minuten)

Versuche noch nicht, alles sauber zu ordnen. Je ungefilterter und ehrlicher deine Beschreibung, desto besser das Diagramm. Zwei Wege funktionieren gut:

• Schreib eine Liste. Eine Zeile pro Schritt, in der tatsächlichen Reihenfolge. Ergänze „außer wenn“ und „falls“, sobald dir solche Fälle einfallen.
• Sprich den Ablauf durch. Nimm eine zweiminütige Sprachnotiz auf, während du den Prozess durchgehst. Wandle sie dann in Text um. Unsere Anleitung zum Transkribieren von Audio mit KI zeigt dir kostenlose Möglichkeiten dafür.

Bevor du weitermachst, lege zwei Dinge fest. Denn diese Fragen machen ein Flussdiagramm erst nützlich. Auch die Anleitung der ASQ beginnt damit: Wo beginnt der Prozess, und wo endet er? „Vom Eingang einer Rechnung im Postfach bis zur Bezahlung und Ablage“ grenzt den Ablauf klar ein. „Rechnungen“ tut das nicht.

Schritt 2: Bitte die KI um ein Flussdiagramm in Mermaid (2 Minuten)

Mit Mermaid beschreibst du ein Diagramm als einfachen Text. Laut dem Mermaid-Projekt können damit auch Menschen ohne Programmierkenntnisse detaillierte Diagramme erstellen. Die Entwickler von draw.io weisen darauf hin, dass die meisten KI-Tools Mermaid schreiben können (draw.io: Mermaid-Diagramme einfügen und bearbeiten). Das ist der Trick: Du bittest die KI nicht, ein Bild zu zeichnen, sondern das Diagramm zu schreiben. Text lässt sich leicht korrigieren, ein Bild aus einem Bildgenerator nicht. Außerdem sind kleine Beschriftungen in generierten Bildern oft fehlerhaft oder unleserlich.

Füge diesen Prompt in ChatGPT oder Claude ein. Ergänze unten deine Notizen aus Schritt 1:

Die Anweisung zu den Fragen ist am wichtigsten. Meiner Erfahrung nach sind die Rückfragen der KI („Wer gibt frei, wenn die Teamleitung im Urlaub ist?“) oft mehr wert als das erste Diagramm. Sie weisen auf Lücken hin, die bisher niemand aufgeschrieben hat.

Schritt 3: Mach aus dem Text ein Bild (3 Minuten)

Die KI liefert einen Textblock, der mit flowchart TD beginnt. Wähle einen dieser drei Wege, um das Diagramm zu sehen:

Option A: Mermaid Live Editor (am schnellsten)

Öffne den Mermaid Live Editor, lösche das Beispiel im linken Bereich und füge deinen Text ein. Rechts erscheint das Diagramm. Es aktualisiert sich, während du den Text bearbeitest. Wenn du zufrieden bist, kannst du es als Bild herunterladen.

Option B: draw.io (am besten, wenn du die Gestaltung selbst anpassen möchtest)

Wähle in draw.io Arrange > Insert > Mermaid (oder das +-Symbol in der Werkzeugleiste und dann Mermaid). Füge den Text ein und klicke auf Insert. draw.io macht daraus normale Formen, die du umfärben, verschieben und umgestalten kannst. Der Mermaid-Quelltext bleibt erhalten, damit du ihn später bearbeiten und das Diagramm neu erzeugen kannst (draw.io-Hilfe). Eine Einschränkung von derselben Seite: Wenn du den Quelltext bearbeitest und das Diagramm neu erzeugst, bleiben Farben und Beschriftungen erhalten. Kästchen, die du verschoben hast, werden aber wieder neu angeordnet.

Option C: Lass Claude das Diagramm im Chat zeichnen

Claude kann Diagramme und Flussdiagramme als Artifact anzeigen. Das ist ein Fenster neben deinem Chat, dessen Inhalt du durch Änderungswünsche bearbeiten kannst. Artifacts sind auch im kostenlosen Tarif verfügbar (Claude-Hilfe: Was sind Artifacts?). Ergänze deinen Prompt einfach um „und zeige es mir als Diagramm“. Praktisch für einen schnellen Blick. Wenn ich ein Diagramm behalten und aktualisieren will, speichere ich trotzdem den Mermaid-Text. So kann die nächste Person es bearbeiten, ohne von vorn anzufangen.

Schritt 4: Gleiche das Diagramm mit dem tatsächlichen Ablauf ab (5 Minuten, der Schritt, den alle überspringen)

Hier wird aus einem KI-Flussdiagramm ein korrektes Flussdiagramm. Die ASQ empfiehlt, dass die Menschen, die den Prozess ausführen, ihn zeichnen oder prüfen. Das Diagramm soll zeigen, wie die Arbeit heute abläuft, nicht wie sie ablaufen sollte. Nach dem ersten Entwurf solltest du den Prozess durchgehen, um die Darstellung zu überprüfen (ASQ). Mit KI kostet das Zeichnen kaum Aufwand. Nutze die gesparte Zeit deshalb hier.

Nimm einen echten Fall aus der letzten Zeit und fahre seinen Weg im Diagramm mit dem Finger nach. Achte dann auf Folgendes:

• Erfundene Schritte. Steht dort etwas, das du nicht erwähnt hast? Lösche es oder bestätige, dass es stimmt.
• Sackgassen. Von jedem Kästchen außer dem Endpunkt muss ein Pfeil weiterführen.
• Entscheidungen mit nur einem Ausgang. Hat eine Raute nur einen „Ja“-Pfeil, fehlt der „Nein“-Weg.
• Die echten Sonderfälle. Der Lieferant, der nie eine Bestellnummer mitschickt. Die Person, die freigeben soll, aber gerade nicht da ist. Solche Schleifen kosten meist die meiste Zeit.

Korrigiere das Diagramm anschließend mit einem weiteren Prompt, statt es von Hand zu bearbeiten:

Schritt 5: Mach es übersichtlich und teile es

• Von links nach rechts oder von oben nach unten? Lange Prozesse lassen sich auf einer Seite besser von oben nach unten lesen (flowchart TD). Für breite Bildschirme und Folien eignet sich links nach rechts (flowchart LR). Die Mermaid-Dokumentation zu Flussdiagrammen listet alle Richtungen auf.
• Wer macht was? Bitte um eine Swimlane-Version: „Gruppiere die Schritte mit Subgraphs nach Rolle: einen für den Vertrieb, einen für die Finanzabteilung und einen für den Kunden.“ Jede Bahn wird zu einem beschrifteten Rahmen um die Schritte der jeweiligen Rolle.
• Exportiere das Diagramm als PNG für E-Mails und Chats. Verwende SVG, wenn es in ein Dokument oder auf eine Folie kommt und scharf bleiben soll. Du brauchst es für eine Präsentation? Unsere Anleitung zum Erstellen von Präsentationen mit KI zeigt dir den Rest.
• Speichere den Mermaid-Text neben dem Bild, im selben Ordner oder am Ende des Dokuments. Wenn sich der Prozess das nächste Mal ändert, fügst du den Text zusammen mit der Änderung wieder in den KI-Chat ein. In einer Minute hast du ein neues Diagramm.

Ein ausgearbeitetes Beispiel: Rechnungsfreigabe

Dieses erfundene Beispiel zeigt, wie das aussehen kann. Jemand hat diese Notizen eingegeben:

Das kam mit dem Prompt aus Schritt 2 zurück und wurde in den Mermaid Live Editor eingefügt:

Schau dir diese beiden Fragen an. Keine davon stand in den Notizen, und beide zeigen echte Lücken. Noch ein Prompt mit den Antworten („Abgelehnte Rechnungen gehen zurück an Sam, der den Lieferanten kontaktiert“), und das Diagramm entspricht dem tatsächlichen Ablauf im Team. Das Ganze hat weniger Zeit gebraucht als die Suche nach der richtigen Pfeilform in einem Diagramm-Tool.

So behebst du die Fehler beim ersten Versuch

Mermaid hält sich streng an seine Syntax. Deshalb zeigt der Editor manchmal einen Fehler statt eines Diagramms. Meist liegt es an einem dieser Punkte:

• Das kleingeschriebene Wort „end“. Die Mermaid-Dokumentation warnt davor, „end“ in einem Flussdiagramm komplett kleinzuschreiben. Dann funktioniert das Diagramm nicht. Schreibe „End“ oder „END“ (Mermaid-Dokumentation zu Flussdiagrammen).
• Klammern, Kommas oder Symbole in einer Beschriftung. Setze die ganze Beschriftung in doppelte Anführungszeichen, zum Beispiel A["Bestellnummer prüfen (falls vorhanden)"]. Der Prompt oben verlangt das bereits.
• Die KI hat zusätzlichen Text ergänzt. Manchmal steht über dem Diagramm noch ein Satz oder das Wort „mermaid“. Füge nur den Text ab flowchart ein.
• Du kommst noch nicht weiter? Kopiere die Fehlermeldung zurück in den Chat: „Mermaid zeigt diesen Fehler. Behebe ihn und gib mir den vollständigen Text noch einmal.“

Und noch etwas, das kein technischer Fehler ist, Diagramme aber trotzdem unübersichtlich macht: zu viele Kästchen. Hat dein Diagramm mehr als etwa 15 bis 20 Schritte, liest es niemand. Bitte die KI, es aufzuteilen: „Erstelle eine Übersicht mit höchstens 8 Schritten und ein separates, detailliertes Diagramm für Schritt 4.“

Welches KI-Tool für Flussdiagramme passt zu dir?

• Du willst es kostenlos und schnell: ChatGPT oder Claude plus Mermaid Live Editor. Für den Editor brauchst du kein Konto.
• Du willst ein sauber gestaltetes Diagramm in deinen Farben: ChatGPT oder Claude plus draw.io. Du erhältst echte Formen, deren Gestaltung du anpassen kannst.
• Du willst den Ablauf besprechen und sofort sehen: Claude mit einem Artifact.
• Dein Unternehmen bezahlt schon für eine Whiteboard- oder Diagramm-App: Viele davon haben inzwischen eigene KI-Funktionen. Prüfe, was dein Tarif enthält, bevor du etwas Neues kaufst. Der Weg über Mermaid funktioniert weiterhin als kostenlose Ausweichlösung.

Der „beste KI-Flussdiagramm-Generator“ ist meist der, mit dem du Fehler schnell korrigieren kannst. Deshalb mag ich den Weg über Text: ein Satz Feedback, ein neues Diagramm.

Was du als Nächstes mit deinem Flussdiagramm machen kannst

Ein Flussdiagramm ist selten das eigentliche Ziel. Es ist der erste Entwurf für etwas noch Nützlicheres:

• Eine schriftliche Arbeitsanweisung. Füge den Mermaid-Text in den Chat ein und bitte um eine darauf basierende Schritt-für-Schritt-Anleitung. Unsere Anleitung zum Schreiben von SOPs mit KI zeigt dir die nächsten Schritte.
• Neue Mitarbeiter einarbeiten. Ein einseitiges Diagramm zum Thema „So läuft eine Anfrage durch unser Team“ hilft in der ersten Woche mehr als ein langes Dokument. Lies dazu, wie du KI für die Einarbeitung neuer Mitarbeiter nutzt.
• Ein Projektplan. Stelle zuerst die Phasen und Entscheidungspunkte dar. Mache daraus anschließend Aufgaben mit KI für Projektpläne.
• Aufgaben zum Automatisieren finden. Sobald ein Prozess auf einer Seite dargestellt ist, fallen die Schritte mit Kopieren und Einfügen sowie die Warteschleifen auf. Das sind deine ersten Kandidaten für die Automatisierung. Starte mit der Frage, was du zuerst automatisieren solltest. Bei der Umsetzung wird das Diagramm zum Bauplan für deinen Workflow in einem Tool wie n8n. Sieh dir dazu die n8n-Anleitung für Anfänger an.
• Eine Mindmap. Sind deine Notizen noch eine lose Ideensammlung statt einer geordneten Schrittfolge? Dann ist ein Flussdiagramm nicht die passende Darstellung. Starte mit unserer Anleitung zum Erstellen einer Mindmap mit KI, um die Ideen zuerst nach Themen zu sortieren.

Häufige Fragen

Kann ChatGPT ein Flussdiagramm erstellen?

Ja. Am zuverlässigsten ist es, ChatGPT um ein Flussdiagramm im Mermaid-Format zu bitten. Füge den Text anschließend in Mermaid Live Editor oder draw.io ein. So erhältst du ein übersichtliches Diagramm, das du bearbeiten kannst, statt eines Bildes, das sich nicht ändern lässt.

Gibt es einen kostenlosen KI-Flussdiagramm-Generator?

Der Weg in dieser Anleitung kostet nichts: Du nutzt den kostenlosen Tarif von ChatGPT oder Claude, um das Diagramm zu schreiben, und Mermaid Live Editor oder draw.io, um es anzuzeigen und zu exportieren. Beide Editoren laufen im Browser.

Kann KI aus einem Dokument ein Flussdiagramm erstellen?

Ja. Lade die Richtlinie, Arbeitsanweisung oder den E-Mail-Verlauf hoch und frage: „Lies das und wandle den beschriebenen Prozess in ein Mermaid-Flussdiagramm um. Verwende nur Schritte, die im Dokument stehen. Liste alles Unklare als Fragen auf.“ Prüfe das Ergebnis dann wie in Schritt 4. Denn Dokumente beschreiben oft, wie ein Prozess ablaufen sollte, nicht wie er tatsächlich abläuft.

Was ist ein guter Prompt für ein Flussdiagramm?

Nenne der KI die Prozessgrenzen, also Anfang und Ende, die Schritte in deinen eigenen Worten und das Format: Mermaid, von oben nach unten, Rauten für Entscheidungen. Gib ihr außerdem die Anweisung, keine Schritte zu erfinden. Der Prompt in Schritt 2 enthält alle vier Punkte.

Kann ich mit KI ein Swimlane-Diagramm erstellen?

Ja. Nenne die beteiligten Rollen und bitte die KI, die Schritte jeder Rolle in einem eigenen Subgraph zu gruppieren. Das eignet sich gut für Übergaben zwischen Teams. Genau dort stecken die meisten Verzögerungen.

Quellen

• ASQ: Was ist ein Flussdiagramm? (Vorgehen und Hinweise)
• Mermaid: Über Mermaid
• Mermaid: Syntax für Flussdiagramme
• draw.io: Mermaid-Diagramme einfügen und bearbeiten
• Claude Help Center: Was sind Artifacts und wie verwende ich sie?

Deine nächsten 15 Minuten

Nimm den einen Prozess, zu dem du immer wieder Fragen bekommst. Schreib ihn auf oder sprich ihn in dein Handy. Füge ihn in den Prompt aus Schritt 2 ein und schau dir das Diagramm an. Zeige es dann der Person, die die Arbeit macht, und frage: „Stimmt das so?“ Allein dieses Gespräch ist die 15 Minuten wert.

Du möchtest mehr kleine, praktische Erfolge wie diesen? Melde dich bei unserem kostenlosen Launchpad an.

Oder schau dich erst einmal um: Alles, was wir vermitteln, beginnt auf unserer Startseite.