Flussdiagramm erstellen

Über den Flussdiagramm-Ersteller

Ein Flussdiagramm ist ein Bild von einem Ablauf. Jeder Schritt steht in einem Kasten, und Pfeile zeigen die Reihenfolge. Bei einer Wahl teilt eine Frage in einer Raute den Weg in ja und nein. Du siehst den ganzen Ablauf auf einmal, darum lässt sich ein Flussdiagramm leicht erklären und leicht prüfen.

Bei den meisten Programmen musst du jeden Kasten und jeden Pfeil von Hand ziehen. Das dauert lange, und die Linien kreuzen sich oft. Hier schreibst du einfach die Schritte, einen pro Zeile, wie eine Liste auf Papier. Das Tool setzt die Kästen, zeichnet die Pfeile und hält die Linien auseinander. Ändere eine Zeile, und das Diagramm aktualisiert sich sofort.

Funktionen

• Text rein, Diagramm raus — ein Schritt pro Zeile; Kästen, Pfeile und Abstände übernimmt das Tool
• Fragen mit Ja und Nein — beende eine Zeile mit ? und schreibe die Wege darunter
• Schleifen und Sprünge — -> Schrittname geht zu einem Schritt zurück (oder voraus) und wird als Linie am Rand gezeichnet
• Die Standardformen — runder Start und Schluss, Kasten, Raute und ein schräger Kasten für Ein- und Ausgabe
• Klare Meldungen — jedes Problem nennt seine Zeile, und ein Klick führt dich dorthin
• 8 Stile — Klassisch, Minimal, Kräftig, Pastell, Dunkel, Blaupause, Handgezeichnet und Tafel
• Von oben nach unten oder von links nach rechts — dazu eine Legende der Formen für Arbeitsblätter
• PNG und SVG — ein scharfes Bild für Folien oder ein SVG zum Bearbeiten und Drucken; dein Text wird in diesem Browser gespeichert

So schreibst du ein Flussdiagramm als Text

Schreibe einen Schritt pro Zeile. Die Wörter bestimmen die Form:

Setze die Schritte eines Zweigs in die Zeilen unter ja: oder nein: und rücke sie mit zwei Leerzeichen ein. Ist der Zweig fertig, gehe wieder nach links: Die nächste Zeile kommt nach der Frage, und die beiden Wege treffen sich dort wieder. Ein kurzer Zweig passt in eine Zeile: ja: Regenschirm mitnehmen.

Du musst nicht beide Wege schreiben. Hat eine Frage nur ja:, geht der Weg „nein“ direkt zum nächsten Schritt weiter. Ein Zweig kann auch einen anderen kurzen Namen haben, etwa Rot:, Gelb: und Grün:, sodass eine Frage drei oder mehr Ausgänge hat.

Ein Sprung nutzt genau die Wörter eines Schritts. Groß- und Kleinschreibung und ein ? am Ende spielen keine Rolle. Um nach einem Schritt zurückzuspringen, schreibe -> Schrittname in die nächste Zeile oder ans Ende derselben Zeile: Zuerst Geld sparen -> Habe ich das Geld?.

Mit Klammern wählst du eine Form auch direkt: (Text) ist ein rundes Ende, [Text] ein Kasten, /Text/ ein Ein- oder Ausgabe-Kasten und <Text> eine Raute. Nimm [ ] für einen Schritt, der mit ? endet, aber keine Frage ist, etwa [Frag "Warum?"].

Drei Beispiele zum Starten

Klicke unter dem Textfeld auf ein Beispiel, um es zu laden, und ändere es dann. Das erste Beispiel, Morgenroutine, zeigt die wichtigsten Ideen:

Soll ich es kaufen? fügt eine Schleife und ein frühes Ende hinzu. Unter Habe ich das Geld? sagt der Weg „nein“ Zuerst Geld sparen und dann -> Habe ich das Geld?, sodass das Diagramm zurückgeht und noch einmal fragt. Die Zeile nein: Ende: Nicht kaufen beendet den Ablauf mitten in einem Zweig.

Anmeldung nutzt Kästen für Ein- und Ausgabe und eine Frage in einem Zweig. Nach einem falschen Passwort sperrt 3 Fehlversuche? entweder das Konto oder springt mit nein: -> Eingabe: E-Mail und Passwort zurück.

Flussdiagramm-Symbole und ihre Bedeutung

Setze unter „Erweiterte Optionen“ ein Häkchen bei Legende der Formen anzeigen, um diese Legende unter dein Diagramm zu drucken. Sie nennt nur die Formen, die dein Diagramm benutzt.

Acht Stile

• Klassisch — weiche Farben, eine andere Farbe für jede Art von Form
• Minimal — schwarze Linien auf Weiß, spart Tinte beim Drucken
• Kräftig — satte, gefüllte Formen mit weißem Text, für Folien
• Pastell — sanfte Farben und runde Ecken
• Dunkel — leuchtende Formen auf dunklem Grund, für Bildschirme
• Blaupause — weiße Linien auf blauem Raster, wie eine technische Zeichnung
• Handgezeichnet — eine Skizze auf liniertem Heftpapier
• Tafel — Kreidelinien auf einer grünen Tafel, für den Unterricht

Der Stil ändert nur das Aussehen. Die Schritte, das Layout und die Downloads bleiben gleich. Eine Farbe pro Form lässt sich unter der Stilliste in Für alle dieselbe Farbe ändern.

Wer Flussdiagramme nutzt

• Schüler und Studierende — einen Algorithmus für Informatik, die Schritte eines Experiments oder ein Rechenverfahren planen
• Lehrkräfte — Klassenregeln oder „Was tun, wenn ich nicht weiterkomme“ im Vollbild an der Tafel zeigen
• Teams — Schritt für Schritt erklären, wie eine Anfrage, eine Bestellung oder ein Support-Ticket bearbeitet wird
• Programmierer — die Logik einer Funktion skizzieren, bevor der Code geschrieben wird
• Zu Hause — eine Entscheidung treffen oder eine Routine für Kinder zeichnen

Häufige Fragen

Was ist ein Flussdiagramm?

Ein Flussdiagramm zeigt die Schritte eines Ablaufs. In den Kästen stehen die Schritte, Pfeile zeigen die Reihenfolge, und in den Rauten stehen Fragen, an denen sich der Weg teilt. Man nutzt es in Schulen, Büros und beim Programmieren, um zu erklären, wie etwas funktioniert.

Wie füge ich eine Ja/Nein-Entscheidung hinzu?

Beende die Zeile mit einem Fragezeichen, etwa Regnet es?. Schreibe in die nächsten Zeilen ja: und nein:, jeweils mit ihren Schritten, eingerückt mit zwei Leerzeichen. Schreibst du nur eins davon, geht der andere Weg direkt zum nächsten Schritt weiter.

Wie mache ich eine Schleife?

Schreibe -> und die genauen Wörter eines früheren Schritts, etwa -> Habe ich das Geld?. Der Pfeil geht zu diesem Schritt zurück. Er wird als Linie am Rand des Diagramms gezeichnet und kreuzt darum die anderen Linien nicht.

Was bedeuten die roten und gelben Meldungen?

Rote Zeilen sind Probleme, die das Tool nicht zeichnen kann, etwa ein Sprung zu einem Schritt, den es nicht gibt. Gelbe Zeilen sind Tipps, etwa eine Frage mit nur einem Ausgang. Jede Meldung beginnt mit ihrer Zeilennummer. Klicke darauf, und die Zeile wird im Textfeld markiert. Auch die Zeilennummern links neben dem Feld sind markiert.

Kann ich das Flussdiagramm in einem anderen Programm bearbeiten?

Ja. Lade das SVG herunter. Es öffnet sich in Inkscape, Illustrator und Figma, und du kannst es in PowerPoint oder Word einfügen. Der Text bleibt echter Text. Das PNG ist ein Bild in doppelter Größe, scharf für Folien und Dokumente.

Wird mein Flussdiagramm gespeichert oder hochgeladen?

Dein Text und deine Einstellungen werden in diesem Browser gespeichert, damit das Diagramm noch da ist, wenn du wiederkommst. Es wird nichts hochgeladen. Das Diagramm wird auf deinem Gerät gezeichnet.

Kann ich in anderen Sprachen schreiben?

Ja. Du kannst die Schritte in jeder Sprache schreiben. Chinesischer, japanischer und koreanischer Text wird zwischen den Zeichen umbrochen, und arabischer und hebräischer Text wird von rechts nach links gezeichnet. Auf dieser Seite funktionieren die Sonderwörter auf Deutsch und auf Englisch (Start, Ende, ja, nein, Eingabe, Ausgabe und Start, End, yes, no, Input, Output); Klammern wie (Text) und /Text/ funktionieren in jeder Sprache.

Ist der Flussdiagramm-Ersteller kostenlos?

Ja. Es gibt keine Anmeldung, kein Wasserzeichen und keine Grenze, wie viele Diagramme du machst.

Gut zu wissen

• Das Layout ist automatisch. Du kannst keinen Kasten von Hand ziehen; ändere stattdessen die Reihenfolge der Zeilen
• Langer Text wird auf mehrere Zeilen umbrochen, bis zu 8 Zeilen in einer Form
• Ein Diagramm kann bis zu 400 Zeilen haben
• Zweige mit ja: und nein: kreuzen sich nie. Sprünge bekommen eigene Linien am Rand; nur zwei Sprünge, die sich überlappen (A zurück zu C und B zurück zu D), müssen sich eventuell kreuzen
• Haben zwei Schritte dieselben Wörter, geht ein Sprung zum ersten
• Das PNG eines sehr großen Diagramms hat an der längsten Seite 8000 Pixel; das SVG hat keine Grenze

Ähnliche Tools

• Mind-Map-Ersteller — ordne deine Ideen um ein Hauptthema
• Organigramm-Ersteller — zeige, wer in einem Team an wen berichtet
• Zeitstrahl-Generator — zeige Ereignisse in der Reihenfolge ihrer Daten
• Gantt-Diagramm erstellen — plane Aufgaben über Tage und Wochen
• Venn-Diagramm erstellen — vergleiche zwei oder drei Gruppen
• Sankey-Diagramm-Generator — zeige, wie Mengen von einem Ort zum anderen fließen

So wird es benutzt

• Schreibe deine Schritte in das Feld, einen pro Zeile — oder klicke auf ein Beispiel, um zu starten
• Beende eine Frage mit ? und schreibe darunter ja: und nein: mit eingerückten Schritten
• Schreibe -> und den Namen eines Schritts, um dorthin zurückzugehen
• Erscheint unter dem Feld eine rote Zeile, klicke auf ihre Zeilennummer und korrigiere diese Zeile
• Wähle einen Stil, eine Richtung und eine Textgröße
• Klicke auf PNG herunterladen oder SVG herunterladen — oder auf Vollbild, um das Diagramm auf einem großen Bildschirm zu zeigen