DrillFlow-Hilfe

DrillFlow ist ein local-first Diagramm-Editor, in dem sich jede Form in ein eigenes Unterdiagramm öffnen lässt. Diese Seite ist die Funktionsreferenz — für den Einstieg öffne den Editor und starte die eingebaute Tour (Menü → Tour starten).

Drill-down & Subflows

Jede Form kann ein eigenes Unterdiagramm enthalten — einen Subflow. Rechtsklick auf eine Form (auf Touch: lange drücken) und Subflow erstellen wählen, oder der Button im Inspector. Die Form bekommt ein kleines Badge, dahinter liegt ein frisches, leeres Diagramm.

  • Eintauchen: Doppelklick auf eine Form mit Subflow, oder öffne ihn über die Baum-Insel. Die Verschachtelungstiefe ist unbegrenzt.
  • Zurückfinden: Die Breadcrumbs oben links zeigen immer, wo du bist. Klick auf einen Crumb, drücke Alt+ oder nutze den Hoch-Button.
  • Der Subflow-Baum (Schalter oben rechts) ist deine Karte: jedes Diagramm des Dokuments, verschachtelt, mit Umbenennen und Löschen per Rechtsklick.
  • Namen bleiben synchron: Benennst du eine Form um, wird ihr Subflow mit umbenannt — und umgekehrt; Breadcrumbs und Baum ziehen automatisch mit.

Löschst du eine Form, verschwindet auch ihr Subflow (samt allem, was darin verschachtelt ist); beim Duplizieren fragt DrillFlow, ob der Subflow mitkommen soll. Textbeschriftungen und Pins können keine Subflows enthalten.

Der ganze Ablauf in einer Minute: zeichnen, verbinden, eintauchen, wieder auftauchen.

Leinwand & Werkzeuge

Werkzeuge wählst du auf zwei Arten — einstellbar in den Einstellungen: mit dem Werkzeugring (leere Leinwand gedrückt halten, zum Werkzeug ziehen, loslassen) oder mit einer klassischen Werkzeugleiste am unteren Rand.

Der Werkzeugring in Aktion: halten, ziehen, zeichnen.
  • Formen: Rechteck R, Kreis O, Raute D, Text T. Ziehen zeichnet die Form in genau der Größe, Tippen platziert eine Standardgröße (umschaltbar in den Einstellungen).
  • Verbinden C: Von Form zu Form ziehen zeichnet eine Kante. Ziehst du auf leere Leinwand, entsteht ein Pin — ein loses Ende, das du später verbinden oder verschieben kannst.
  • Kanten: Der Inspector setzt Richtung (Pfeil, beidseitig, ohne), gerade oder gebogen, durchgezogen/gestrichelt/gepunktet und die Pfeilgröße. Eine ausgewählte Kante zeigt ziehbare Wegpunkte; Doppelklick schreibt eine Beschriftung darauf.
  • Gestalten: Schrift, Größe, fett/kursiv, Ausrichtung, Füll- oder Konturfarbe und Notizen findest du im Inspector. Was du dort einstellst, wird zum Standard für die nächste neue Form.
  • Aufräumen: Anordnen (oben rechts) layoutet das aktuelle Diagramm automatisch; Am Raster ausrichten hält beim Ziehen alles in der Spur.

Ebenen

Jedes Diagramm hat eigene Ebenen, verwaltet im Panel unter dem Subflow-Baum. Ebenen lassen sich hinzufügen, umbenennen (Doppelklick), aus- und einblenden, nach unten zusammenführen oder löschen — wahlweise wandern ihre Formen dabei in die Ebene darunter oder verschwinden mit.

Neue Formen landen auf der obersten sichtbaren Ebene; die Basis-Ebene ist immer sichtbar. Eine Form wechselt die Ebene per Rechtsklick → Auf Ebene verschieben.

Stift & Freihand

Der Stift P zeichnet Freihandstriche direkt auf die Leinwand — Farbe und Breite (dünn/mittel/dick) sitzen direkt am Werkzeug. Striche liegen wie Formen auf Ebenen, lassen sich auswählen, umfärben und verschieben; der Radierer X entfernt sie per Klick oder Wischen.

Bilder

Bilder fügst du über Menü → Bild einfügen… ein. Sie lassen sich skalieren (frei oder mit fixem Seitenverhältnis), drehen und liegen wie alle Formen auf Ebenen.

Öffnest du ein PNG oder SVG, das DrillFlow mit eingebetteter Szene exportiert hat, fragt der Editor, ob er das bearbeitbare Diagramm darin öffnen soll — oder die Datei einfach als Bild einfügt.

Speichern & Öffnen

DrillFlow speichert dein Dokument beim Arbeiten automatisch im lokalen Speicher des Browsers — das Intervall (oder nur-manuell) ist einstellbar, die Statusleiste zeigt jeden Speichervorgang. Deine Daten bleiben auf deinem Gerät.

Dazu kommen echte Dateien: Speichern unter… schreibt eine .json-Datei, und Speichern (Strg+S) überschreibt sie in Chromium-basierten Browsern direkt an Ort und Stelle — anderswo lädt sie unter demselben Namen erneut herunter. Eine geöffnete .json wird zum Speicherziel, und ein Punkt im Menü markiert ungespeicherte Änderungen.

Export-Formate

PNG & SVG

Exportiere das aktuelle Diagramm als Bild: helles, dunkles oder aktuelles Theme, transparenter oder gefüllter Hintergrund, mit oder ohne Leinwandmuster — oder direkt in die Zwischenablage. Mit Bearbeitbare Szene einbetten reist das ganze Dokument in der Bilddatei mit: Jeder kann sie wieder in DrillFlow öffnen und weiterbearbeiten.

PDF

Der PDF-Export rendert jedes Diagramm des Dokuments — eine Seite pro Diagramm, entlang der Drill-down-Struktur.

Markdown

Exportiert das Dokument als verschachtelte Text-Gliederung — Formen, Verbindungen und Subflow-Struktur als Überschriften und Listen, praktisch für Notizen oder Reviews.

JSON

Das vollständige Dokument als DrillFlow-Datei (Strg+E) — verlustfrei, wieder importierbar und das richtige Format für Backups.

Teilen & Konten

Teilen (oben rechts) lädt einen schreibgeschützten Schnappschuss deines Dokuments hoch (bis 2 MB, gespeichert in Deutschland) und gibt dir einen Link. Jeder mit dem Link kann das Diagramm ansehen — inklusive komplettem Drill-down. Es ist ein Schnappschuss: Spätere Änderungen verändern den Link nicht; teile erneut für einen frischen.

Zum Zeichnen, Exportieren und Teilen brauchst du kein Konto. Meldest du dich vor dem Teilen an (Menü), wird der Link deinem Konto zugeordnet — unter Meine geteilten Links kannst du alle deine Links einsehen und widerrufen.

Schreibgeschützte Ansichten

Wer einen geteilten Link öffnet, sieht das Diagramm mit Breadcrumbs und Subflow-Baum: verschieben, zoomen und per Doppelklick in Subflows eintauchen — die ganze Tiefe deines Dokuments ist navigierbar.

Was nicht geht: irgendetwas bearbeiten oder mehr sehen als den geteilten Schnappschuss. Deine lokale Arbeit verlässt dein Gerät nicht.

Einstellungen

Menü → Einstellungen… bündelt die Optionen des Editors:

  • Sprache & Erscheinung: Deutsch/English, dunkles oder helles Theme.
  • Leinwand: Muster (Punkte, Raster, Kreuze, ohne), Hintergrundton, Am Raster ausrichten.
  • Werkzeuge & Bearbeiten: Werkzeugring oder Werkzeugleiste, Standard-Kantenstil (gerade/gebogen), Formplatzierung (Ziehen für Größe oder Tippen zum Platzieren), Standard-Knotenbeschriftung.
  • Speichern: Autosave-Intervall, von sofort bis manuell.

Tastenkürzel

Drücke ? im Editor für den vollständigen Spickzettel. Die wichtigsten:

  • V Auswählen · C Verbinden · R/O/D Formen · T Text · P Stift · X Radieren · Leertaste halten zum Verschieben
  • Strg+Z Rückgängig · Strg+Umschalt+Z Wiederholen · Strg+C/V Kopieren/Einfügen · Entf Löschen
  • Strg+S In Datei speichern · Strg+F Suchen · Strg+E JSON exportieren
  • Alt+ ein Diagramm hoch · Esc zurück zu Auswählen · Doppelklick: Beschriftung bearbeiten / Subflow öffnen · einfach lostippen, wenn eine Form ausgewählt ist