Flussdiagramm-Editor
Flussdiagramm-Editor. Abläufe und Entscheidungen zeichnen, als Mermaid, SVG oder PNG exportieren. Dateien bleiben auf diesem Gerät und werden im Browser verarbeitet.
Aktiviere JavaScript, um die Werkzeuge zu verwenden. Dateien werden in deinem Browser verarbeitet.
Einen Ablauf in verständliche Schritte gliedern
Beginnen Sie mit dem Beispiel oder fügen Sie einen leeren Knoten hinzu. Kurze Tätigkeiten wie Antrag prüfen oder Antwort senden sind leichter zu lesen als lange Absätze. Verwenden Sie abgerundete Formen für Anfang und Ende, Rechtecke für Aktionen, Rauten für Entscheidungen und Parallelogramme für Ein- oder Ausgaben. Die Form lässt sich beim Hinzufügen und später in den Eigenschaften ändern. Dort bearbeiten Sie auch Text und Koordinaten; bestätigen Sie Eingaben mit Änderungen übernehmen. Ziehen eignet sich für die grobe Anordnung, genaue Koordinaten für das Ausrichten mehrerer Schritte. Beim Löschen eines Knotens werden zugehörige Verbindungen ebenfalls entfernt, damit keine ungültigen Endpunkte zurückbleiben.
Entscheidungen verbinden und Mermaid importieren
Wählen Sie Quelle und Ziel im Verbindungsformular. Beschriften Sie eine Verzweigung, wenn dadurch ihre Bedeutung klarer wird. Ja und Nein sind rund um Entscheidungen besonders hilfreich. Eine Verbindung kann auf der Zeichenfläche oder in der Liste ausgewählt, geändert und gelöscht werden. Sie können außerdem einen Entwurf mit flowchart TB, LR, BT oder RL einfügen. Unterstützt werden vier Grundformen, Pfeilketten und beschriftete Pfeile. Untergraphen, Stilanweisungen, Klickaktionen und Konfigurationsdirektiven führen zu einem sichtbaren Fehler, statt unbemerkt verloren zu gehen. Vor dem Ersetzen der Zeichenfläche wird der gesamte Text geprüft. Eine gültige, aber unerwünschte Änderung lässt sich über Rückgängig zurücknehmen.
Bild und bearbeitbare Kopie aufbewahren
Der Editor arbeitet im Browser. Diagramminhalte werden nicht an einen Konvertierungsserver übertragen, und ein Konto ist nicht erforderlich. Änderungen werden für dieses Werkzeug im localStorage dieses Browsers gespeichert. Das erleichtert die Fortsetzung eines Entwurfs, ersetzt aber keine Sicherung: Privates Surfen, gelöschte Websitedaten oder ein Gerätewechsel können den Zugriff verhindern. Laden Sie nach einem wichtigen Arbeitsschritt die Mermaid-Datei herunter. Sie enthält die Struktur und einen Kommentar mit den aktuellen Knotenpositionen. SVG eignet sich für Dokumente und Druck, PNG für Präsentationen und Nachrichten. Beide enthalten nur das Diagramm ohne Bedienelemente. Öffnen Sie die Datei vor dem Teilen und prüfen Sie die Beschriftungen. Zu große PNG-Dateien werden mit einer Fehlermeldung abgelehnt. Verschieben Sie die Knoten näher zusammen oder verwenden Sie SVG. Das ZIP-Paket enthält PNG, SVG, Mermaid und das JSON-Modell desselben Stands in einem Download. Verwenden Sie zum erneuten Import in diesen Editor den Mermaid-Inhalt.
Häufige Fragen
Kann ich nach dem Export weiterarbeiten?
Ja. Das Modell bleibt im Browser, und der heruntergeladene Mermaid-Text kann erneut importiert werden. Bewahren Sie ihn als bearbeitbare Originaldatei auf. PNG und SVG dienen vor allem zum Anzeigen und Weitergeben.
Funktioniert die Bearbeitung auf dem Handy?
Auf schmalen Bildschirmen stehen die Eigenschaften unter der Zeichenfläche. Wählen Sie einen Knoten aus der Liste und ändern Sie seine Koordinaten. Mit Pfeiltasten bewegen Sie einen fokussierten Knoten, mit Shift jeweils um ein Pixel.
Verwandte Tools
- ER-Diagramm-Editor
Tabellen, Schlüssel und Beziehungen modellieren; Bilder und Mermaid exportieren.
- Sequenzdiagramm-Editor
Teilnehmer und Nachrichten bearbeiten und als Sequenzdiagramm exportieren.
- Mindmap-Editor
Ideen als Baum ordnen und PNG, SVG oder Mermaid herunterladen.