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).

Alles hier ist kostenlos, wo nichts steht. Konto braucht ein kostenloses Konto, Pro den Pro-Plan. Ein Abschnitt trägt die niedrigste Stufe, auf der er funktioniert — einzelne Funktionen, die mehr brauchen, sind eigens markiert.

Drill-down

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 am linken Rand) 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.

Was hinein- und herausgeht

Eintauchen beantwortet, was drinnen passiert — aber allein verliert man dabei aus dem Blick, was die Form von außen erreicht. Deshalb zeigt ein Subflow die Pfeile der Ebene darüber als Anschlusspunkte am Rand seiner Leinwand: die eingehenden links, die ausgehenden rechts.

  • Das sind echte Anschlusspunkte, keine Beschriftungen. Zieh einen Pfeil von einem Eingang zu dem Schritt, der ihn tatsächlich bearbeitet — ein Eingang darf auf mehrere verzweigen.
  • Sie heißen wie die Formen eine Ebene höher und ziehen mit, wenn du die umbenennst.
  • Löschst du oben einen Pfeil, bleibt sein Punkt markiert stehen, statt deine Arbeit im Subflow mitzunehmen.
  • Pro Subflow abschaltbar im Inspektor oder im Rechtsklick-Menü des Subflow-Baums. Unter Einstellungen → Leinwand stellst du ein, was Subflows standardmäßig tun, und wählst die Form: ein Pfeil-Tag, das die Richtung der Grenzüberquerung zeigt, oder einen schlichten Kreis. Letzteres gilt nur für deine Ansicht und reist nicht mit einem geteilten Link mit.
Der ganze Weg in einer halben Minute: in einen Knoten eintauchen, einen verschachtelten Subflow anlegen, wieder auftauchen und einen anderen Zweig öffnen — Breadcrumbs und Baum folgen mit.

Verbindungen

Verbindungen

Zieh vom Rand einer Form zu einer anderen, oder nimm das Werkzeug Verbinden. Ein Ende, das auf leerer Leinwand losgelassen wird, hinterlässt einen Pin — einen offenen Pfeil, den du später anhängen kannst.

Zwei Formen verbinden, die Linie auf rechte Winkel stellen und ein loses Ende auf leerer Leinwand loslassen — es bleibt ein Pin.
  • Wo ein Pfeil die Form trifft: normalerweise schwebt er — er berührt den Umriss immer auf der Seite, die zum anderen Ende zeigt, und folgt beim Verschieben, Vergrößern und Drehen. Lässt du stattdessen auf dem Randstreifen los, wird das Ende dort festgesteckt; ein Loslassen auf der Fläche löst es wieder. Auf einem Bild steckt ein Loslassen auf der Fläche den Pfeil hinein, damit er auf ein Detail eines Screenshots zeigen kann.
  • Linienform (Inspector): gerade, geschwungen oder rechte Winkel. Rechtwinklige Linien gehen um Formen herum statt hindurch, und die Ecken werden bei jedem Zeichnen neu berechnet — sie stehen nicht im Dokument.
  • Knickpunkte sind die, die du setzt: zieh am Punkt in der Mitte eines Abschnitts, um einen anzulegen, doppelklicke oder drücke lange auf einen, um ihn zu entfernen, oder nimm Knickpunkte entfernen im Menü der Verbindung. Eine Ecke, die eine rechtwinklige Linie braucht, um eine Form zu umgehen, ist kein Knickpunkt und lässt sich nicht entfernen — dafür musst du die Linie gerade ziehen.
  • Ganze Abschnitte ziehen: bei rechten Winkeln kannst du jedes Teilstück fassen und verschieben; ein Abschnitt, der an einer Form hängt, schiebt dieses Ende an deren Kante entlang.
  • Das Menü der Verbindung (Rechtsklick, auf Touch lange drücken) bearbeitet die Beschriftung, entfernt Knickpunkte, legt die Linie neu um die Hindernisse, zieht sie gerade oder löscht sie.
  • Pfeilspitzen und Strichart stehen im Inspector: Form der Spitze, durchgezogen/gestrichelt/gepunktet, Größe S/M/L.
  • Aufräumen → Verbindungen neu legen baut jede rechtwinklige Linie im offenen Diagramm neu, auch von Hand gebogene.

Leinwand

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).
  • Auswählen V: Klick auf eine Form, oder zieh einen Rahmen auf leerer Leinwand — alles, was er vollständig umschließt, ist ausgewählt.
  • Lasso L: zieh stattdessen eine freie Schlinge — alles, dessen Mitte sie umkreist, kommt mit. Praktisch, wenn die gewünschten Formen diagonal zwischen anderen liegen, was ein Rechteck nicht trennen kann.
  • Mehrere auf einmal: Rechtsklick (langes Drücken bei Touch) innerhalb einer Auswahl zum Duplizieren, Kopieren, auf eine Ebene verschieben oder Löschen. Der Inspector formatiert die ganze Auswahl in einem Schritt — Farbe, Schrift, Größe — und jede Änderung zählt als ein Rückgängig-Schritt.
  • 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.
  • Nur ein Wort: Markier beim Bearbeiten einer Beschriftung einen Teil des Textes — darüber erscheint eine kleine Leiste für fett, kursiv, Schrift, Größe und Farbe, und die Text-Zeile im Inspector wirkt dann ebenfalls auf die Markierung. Die Ausrichtung bleibt Sache der ganzen Beschriftung. Wird der Text woanders neu geschrieben (Umbenennen im Subflow-Baum, ein Import), geht die Formatierung verloren — die markierten Stellen beschreiben den neuen Text nicht mehr.
  • Aufräumen: Anordnen (oben rechts) layoutet das aktuelle Diagramm automatisch; Am Raster ausrichten hält beim Ziehen alles in der Spur.
  • Größe ändern: Zieh an einer Ecke einer Form für beide Maße, oder an einem Seitengriff nur für Breite oder Höhe. Auch die Subflow-Baum- und Inspector-Panels sind größenverstellbar — zieh an ihrer Außenkante.

Auf Tablet und Smartphone übernimmt ein Finger die Arbeit der Maus: er zieht Formen, zieht Auswahlen und zeichnet. Zwei Finger verschieben und zoomen die Leinwand, und ein Doppeltipp mit zwei Fingern macht rückgängig — es gibt kein Strg+Z zum Greifen. Wenn du die Leinwand lieber mit einem Finger schiebst, nimm das Hand-Werkzeug H. Die vollständige Liste steht im Editor selbst, unter ≡ → Hilfe → Kürzel & Gesten — mit einem Abschnitt pro Eingabegerät, auf dem Tablet steht Touch oben.

Ebenen

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

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.

Freihand über einem fertigen Diagramm: ein Kreis um einen Schritt und ein Pfeil, der darauf zeigt.

Bilder

Bilder

Bilder fügst du über Menü → Importieren → Bild… ein, oder du ziehst Bilddateien einfach auf die Leinwand — lässt du mehrere auf einmal fallen, fächern sie sich auf, statt zu stapeln. 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.

Bilder werden schon beim Einfügen schlank gehalten: auf höchstens 1600 Pixel lange Kante skaliert und als JPEG gespeichert, solange sie keine Transparenz nutzen — ein Screenshot ist meist ein PNG, das keine hat. Wird ein Dokument trotzdem zu groß zum Teilen, sagt der Teilen-Dialog, wie viel davon Bilder sind, und bietet Bilder verkleinern an; dieselbe Aktion steht unter Aufräumen. Sie kodiert die Bilder neu, bis das Dokument passt, ohne ihre Größe auf der Leinwand zu ändern.

Vorlagen

Vorlagen

Menü → Neu… bietet eine leere Leinwand oder einen Anfang: Flussdiagramm, Ishikawa, SWOT, Systemzerlegung und weitere. Jede mitgelieferte Vorlage ist mindestens zwei Ebenen tief, damit sichtbar ist, wofür Drill-down gut ist, bevor du etwas gezeichnet hast.

Menü → Neu…, eine Vorlage wählen und direkt in eine ihrer Ebenen eintauchen.

Einmal geöffnet ist eine Vorlage ein gewöhnliches Dokument — nichts bleibt mit dem Original verbunden. Eigene Dokumente lassen sich im Dokumentenmanager als Vorlage markieren und tauchen dann in derselben Auswahl auf.

Dateien

Speichern & Öffnen

DrillFlow speichert dein Dokument beim Arbeiten automatisch im lokalen Speicher des Browsers — das Intervall (oder nur-manuell) ist einstellbar, und ein kleines Feld oben rechts 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.

Dokumente

Mehrere Dokumente

DrillFlow verwaltet eine Sammlung lokaler Dokumente, nicht nur eines. Das Titelmenü oben links wechselt zwischen ihnen, und Neu legt ein Dokument an, ohne das aktuelle zu verwerfen. Das aktuelle Dokument benennst du direkt am Titel um (das ✎ daneben — mit Enter bestätigen).

Dokumente verwalten… öffnet eine durchsuchbare, sortierbare Ansicht von allem — als Liste oder als Raster mit Live-Vorschauen — zum Wechseln, Umbenennen oder Löschen. Wenn du eine Kopie eines geteilten Diagramms machst, wird sie ein eigenes Dokument, statt deine aktuelle Arbeit zu ersetzen. Alles bleibt lokal in deinem Browser.

Bearbeiten über mehrere Tabs ist sicher: Ist dasselbe Dokument in mehreren Browser-Tabs geöffnet, bemerkt DrillFlow, wenn ein anderer Tab es ändert, und fragt nach — die neueste Version laden oder deine behalten — statt dass ein Tab den anderen stillschweigend überschreibt.

CloudPro

Dokumente in deiner Cloud

Local-first bleibt die Voreinstellung: nichts verlässt deinen Browser, solange du es nicht sagst. Schalt ein Dokument ein — über die Cloud-Taste neben der Speicheranzeige oder den Schalter im Dokumentenmanager — und es folgt dir auf den nächsten Rechner. Pro Dokument, nie der ganze Ordner, und zum Schreiben braucht es den Pro-Plan.

Die Dokumentenverwaltung zeigt, welche Dokumente in deiner Cloud liegen; die Uhr in einer Zeile öffnet ihre früheren Fassungen.
  • Die Anzeige neben dem Speicherstand sagt, wo das offene Dokument steht: nicht in der Cloud, wird gesendet, aktuell, oder es liegt eine neuere Fassung bereit. Eine Taste bedeutet Zugehörigkeit, die andere Abgleich.
  • Wann abgeglichen wird: nach jedem lokalen Speichern, wenn das Fenster zurückkommt, und auf Zuruf. Ein optionaler Takt (10, 30 oder 60 Sekunden) steht in den Einstellungen und gilt pro Browser — ein Telefon im Mobilfunk erbt nicht den Zehn-Sekunden-Takt vom Schreibtisch.
  • Zwei Geräte, ein Dokument: jedes angenommene Schreiben zählt eine Fassung hoch. Hat das andere Gerät zuerst geschrieben, fragt DrillFlow nach, statt zu überschreiben — nichts geht still verloren.
  • Ein Dokument herauszunehmen wirkt auf allen Geräten, deshalb wird vorher gefragt. Die Kopie auf deiner Platte bleibt unangetastet.
  • Lesen und Entfernen brauchen den Plan nie, nur Schreiben. Eine Kündigung ist kein Datenverlust.

VersionenPro

Versionsverlauf

Jedes Hochladen in deine Cloud lässt den vorherigen Stand stehen. Über Frühere Fassungen — die Uhr neben dem Cloud-Chip, oder in der Zeile des Dokuments im Dokumentenmanager — siehst du sie, mit der Zahl der Formen und Ebenen, die jede enthielt, und kannst eine zurückholen.

Das halbe Diagramm ist weg: frühere Fassungen öffnen, die von vor 21 Minuten wiederherstellen — und es ist zurück.
  • Wie weit zurück: alles aus der letzten Stunde, eine pro Stunde für einen Tag, eine pro Tag bis 30 Tage. Die zwei Fragen, die wirklich gestellt werden, sind „vor zehn Minuten" und „letzte Woche".
  • Zurückholen ist ein gewöhnliches Speichern: der alte Stand kommt als neue Fassung zurück, und der ersetzte bleibt daneben stehen. Es wird nichts überschrieben.
  • Nimmst du ein Dokument aus der Cloud, geht sein Verlauf mit; beim Löschen des Kontos ebenso.
  • Den Verlauf zu lesen braucht den Plan nie — nur ihn zu schreiben.

Import

Import

Der Menüpunkt Importieren holt externe Inhalte herein.

Mermaid

Importieren → Mermaid… nimmt ein Mermaid-flowchart/graph — eingefügt oder aus einer .mmd-Datei geöffnet — und macht daraus ein bearbeitbares Diagramm. Jeder Mermaid-subgraph wird zu einem Drill-down-Subflow, beliebig tief verschachtelt; Formen, Pfeilstile und Kantenbeschriftungen werden übernommen und beim Import automatisch angeordnet.

Weil Mermaid einfacher Text ist, ist das auch der Weg, ein Diagramm aus einem KI-Assistenten herauszubekommen: Lass dir ein Mermaid-Flowchart geben, jede Ebene in einem subgraph, und füge das Ergebnis hier ein. Das vollständige Dokumentformat steht unter Format, zusammen mit einem fertigen Skill für Claude. Assistenten können Mermaid gut, die Feinheiten weniger — zieht einer eine Kante zwischen zwei getrennte Subgraphen, sagt dir der Import, wie viele Kanten er weglassen musste. Nimm ein generiertes Diagramm als Ausgangspunkt zum Weiterarbeiten, nicht als fertiges Ergebnis.

Ein Mermaid-Flowchart einfügen — jeder subgraph kommt als Ebene an, in die du eintauchen kannst.

Ein Assistent kann das Kopieren auch ganz überspringen. Für DrillFlow gibt es einen MCP-Server — kostenlos und quelloffen —, der sich in Claude Desktop, Claude Code und andere MCP-Clients einhängt: Du fragst nach einem Prozess und bekommst den Link auf ein fertiges Diagramm zurück, jede Ebene davon ein Subflow, den du öffnen kannst. Er kann ein veröffentlichtes Diagramm auch wieder einlesen, du kannst also Änderungen an einem bestehenden verlangen. Eintragen mit einer Zeile:

Wie das pro Client geht, steht unter github.com/capydev42/drillflow-mcp. So erzeugte Links sind die gewöhnlichen Share-Links: öffentlich für jeden, der sie hat, und da der Server nicht in deinem Konto angemeldet ist, hören sie nach 72 Stunden auf zu funktionieren. Es gilt dieselbe Vorsicht wie oben: Was ein Assistent zeichnet, ist ein Ausgangspunkt zum Weiterarbeiten.

Excalidraw

Importieren → Excalidraw… öffnet eine .excalidraw-Datei oder eine direkt aus Excalidraw kopierte Auswahl und baut sie hier an denselben Stellen wieder auf: Rechtecke, Ellipsen, Rauten, Text, Pfeile samt Beschriftung, Freihandstriche und eingebettete Bilder. Ein Excalidraw-Frame wird zu einem Drill-down-Subflow — alles darin wandert auf eine eigene Ebene, und Pfeile über die Frame-Grenze hängen sich an den Frame. Der Import ist verlustbehaftet: Skizzen-Look, Füllmuster, Deckkraft, Gruppen und Stapelreihenfolge werden nicht übernommen, und was nicht mitkonnte, wird dir nach dem Import gezählt. Das Ergebnis kommt als neues Dokument — dein geöffnetes bleibt unangetastet.

draw.io

Importieren → draw.io… öffnet eine .drawio- oder .xml-Datei — komprimiert oder nicht — oder nimmt das XML, das du in draw.io unter Extras → Diagramm bearbeiten kopierst. Formen, Verbindungen samt Beschriftung und Stützpunkten, Farben, Schriften, gestrichelte Linien und Ebenen kommen an den Stellen an, an denen du sie gezeichnet hast. Zwei Dinge werden zu Ebenen im Drill-down: eine Form, die auf eine andere Seite verlinkt, öffnet diese Seite als Subflow, und ein Container oder Swimlane wird zum Subflow seines Inhalts — ein mehrseitiges Diagramm kommt also als Drill-down an, nicht als Stapel Tabs. Eine Seite, auf die nichts verlinkt, bekommt trotzdem ihre eigene Form auf der ersten Fläche; verloren geht nichts. Verlustbehaftet wie die anderen Importe: Stencil-Grafiken werden zu beschrifteten Rechtecken, Verläufe und Schatten fallen weg, und was nicht mitkonnte, wird dir gezählt.

Bild… liegt im selben Importieren-Menü — siehe Bilder.

Export

Export-Formate

Exportieren ist ein Untermenü, wie Importieren. Jede Option zeigt, ob sie das ganze Dokument oder nur das aktuelle Diagramm umfasst, und die Textformate — Markdown, JSON und Mermaid — lassen sich direkt in die Zwischenablage kopieren, statt eine Datei herunterzuladen.

PNG, SVG und PDF tragen ein kleines „Made with DrillFlow" Pro; mit dem Pro-Plan werden sie ohne exportiert.

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.

Interaktives HTML Pro

Eine einzige Datei mit dem Dokument, den Schriften und dem echten schreibgeschützten Betrachter. Sie öffnet über file:// ohne Netz und behält den Drill-down — jedes andere Format macht aus einem begehbaren Modell ein Bild. Ein zweiter Menüeintrag backt dieselbe Datei als Präsentation, die auf einem Startbildschirm öffnet und den Vortrag spielt.

Alle Ebenen als ZIP Pro

Der Bilddialog schreibt auf Wunsch ein Bild je Ebene statt eines einzigen, als ZIP, mit Dateinamen in der Reihenfolge des Drill-downs.

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.

Mermaid

Verwandelt ein Diagramm in Mermaid-flowchart-Text — das Gegenstück zum Mermaid-Import für die Rückrichtung. Exportiere das ganze Dokument oder nur das aktuelle Diagramm; jeder Drill-down-Subflow wird zu einem verschachtelten subgraph. Naturgemäß verlustbehaftet — Farben, genaue Positionen, Wegpunkte, Bilder und Pins bleiben nicht erhalten — aber praktisch zum späteren Re-Import oder zum Einfügen in ein LLM.

Teilen

Teilen

Teilen (oben rechts) lädt einen schreibgeschützten Schnappschuss deines Dokuments hoch (bis 2 MB, mit Pro bis 8 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.

Ein Klick auf Teilen erzeugt den schreibgeschützten Link.

Zum Zeichnen, Exportieren und Teilen brauchst du kein Konto. Ein anonymer Link läuft nach 72 Stunden ab und lässt sich nicht zurückholen — der Dialog nennt dir den genauen Zeitpunkt. Meldest du dich vor dem Teilen an (Menü), gehört der Link stattdessen deinem Konto: er läuft nicht ab, und unter Meine geteilten Links kannst du ihn auflisten, mit einem Ablauf versehen, „Betrachter dürfen kopieren" abschalten und ihn zurückziehen. Passwort, lesbare Adresse und Aufrufzähler sind Pro — siehe Dein Konto.

Nur lesen

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.

Einbetten

Einbetten

Menü → Einbetten… baut den Schnipsel, mit dem ein Diagramm in einer fremden Seite steht — einem Wiki, einer Notion-Seite, einer README. Der Dialog hat eine lebende Vorschau, Größenvorgaben und drei Formen zum Kopieren: die reine Adresse, ein <iframe> und einen Bildlink.

  • Die Einbettung behält ihre Tiefe. Krumen und Doppelklick funktionieren im Rahmen — das ist der ganze Punkt, bei der Konkurrenz ist eine Einbettung ein flaches Bild.
  • Es ist eine Momentaufnahme. Kein Weg veröffentlicht einen bestehenden Link neu, spätere Änderungen ändern also nichts am Eingebetteten; teile erneut für eine frische Fassung. DrillFlow merkt sich den Link, den ein Dokument schon hat, damit zweimaliges Einbetten nicht verwaist, was du längst eingefügt hast.
  • Der Hinweis „Made with DrillFlow" ist der einzige Weg aus einem Rahmen heraus und bleibt.

Präsentation

Präsentationsmodus

Menü → Präsentieren spielt den Ablauf als Vortrag: ein Schritt nach dem anderen, die aktuelle Form leuchtet, der Rest wird blass. Auf einen Schritt mit Unterdiagramm folgen dessen Schritte — eine Ebene tiefer zu gehen ist ein gewöhnlicher Seitenwechsel. Kostenlos, im Editor und in jedem geteilten Link.

Ein Vortrag Schritt für Schritt — der Schritt mit Subflow blättert in ihn hinein, die Sprechernotizen daneben.
  • Die Reihenfolge kommt zuerst aus den Pfeilen, dann aus der Zeichenreihenfolge innerhalb einer Ebene. Pins, Freihandstriche und ausgeblendete Ebenen sind keine Schritte.
  • Tasten: →/Leertaste vor, ← zurück, Esc beendet. Der Vortrag beansprucht die Tastatur zuerst, damit einzelne Werkzeugtasten nicht dazwischenfunken.
  • Aufbau: Formen können erst erscheinen, wenn der Vortrag sie erreicht. Eine Form mit im Vortrag überspringen kommt mit dem Ablauf mit, bekommt aber keinen eigenen Halt.
  • Notizen an einer Form sieht die vortragende Seite.
  • Der Vollbildmodus wird beim Start angefordert; verlässt du ihn über die Geste des Browsers, endet auch der Vortrag.

KontoKonto

Dein Konto

Ein Konto ist freiwillig und kostenlos. Anmelden über das Menü; die Kontoseite (Menü → deine Adresse) sammelt alles Folgende. Statt mit Passwort geht es auch mit Mit Google anmelden oder Mit GitHub anmelden: Gibt es schon ein Konto mit derselben bestätigten Adresse, landest du darin, sonst entsteht ein neues — ohne Passwort, das du später per Mail festlegen kannst. Wir bekommen vom Anbieter nur Adresse und Kontokennung, keinen Namen und kein Bild. Unter Sicherheit verbindest du auch den anderen Anbieter und trennst einen davon, solange dir ein Weg hinein bleibt.

  • Deine Links laufen nicht mehr ab. Ein anonymer Link stirbt nach 72 Stunden, und niemand — wir eingeschlossen — kann ihn zurückholen. Die Links eines Kontos leben, bis du sie zurückziehst, und du kannst sie auflisten, benennen, mit Ablauf versehen und zurückziehen. Die Liste zeigt zu jedem Link Titel und Vorschaubild, lässt sich durchsuchen, filtern und sortieren, und mehrere Links widerrufst du auf einmal. Ein kostenloses Konto hält bis zu 50 aktive Links; Pro hat keine Grenze.
  • Einstellungen folgen dir. Sprache, Theme, Schriften, Linienform und der Rest sind auf dem nächsten Rechner da, an dem du dich anmeldest. Was einen Bildschirm beschreibt statt einen Menschen — Panelpositionen, Breiten, das Speicherintervall — bleibt bewusst lokal.
  • Suche über jedes Dokument auf diesem Gerät wird verfügbar: dasselbe Feld, das das offene Dokument durchsucht, erreicht dann alle.
  • Ein Handle und lesbare Linkadressen (/view/@du/onboarding) sind eine Pro-Funktion. Namen sind innerhalb deines Handles eindeutig, nie global, und der kurze Link bleibt gültig — ein Name ist ein zweiter Weg hinein, kein Umzug.
  • Adresse ändern und Daten mitnehmen: Unter Profil ziehst du das Konto auf eine neue E-Mail-Adresse um — bestätigt per Link an die neue Adresse (ohne Passwort zuerst an die bisherige) — und lädst alles, was das Konto hält, als ZIP aus DrillFlow-Dateien herunter.
  • Sicherheit: Passwort ändern, während du angemeldet bist (alle anderen Geräte werden abgemeldet, und du bekommst eine Mail dazu), oder nur alle anderen Geräte abmelden — für ein verlorenes Handy oder einen fremden Rechner. API-Token sind davon getrennt und bleiben gültig, bis du sie widerrufst. Google verbindest und trennst du dort ebenfalls; trennen geht erst, wenn das Konto ein Passwort hat, sonst bliebe kein Weg hinein.
  • Das Konto zu löschen entfernt es, jeden Link, der ihm gehört, und alles in seiner Cloud. Vorher wird das Passwort verlangt — oder, bei einem Konto ohne Passwort, ein Bestätigungslink an seine E-Mail-Adresse geschickt. Ein laufendes Abo wird sofort gekündigt, und eine Mail bestätigt das Löschen.

TokenPro

API-Token

Mit einem Token veröffentlicht ein Skript oder ein Assistent in dein Konto statt anonym — der Link gehört dann dir, ist auflistbar und widerrufbar, und läuft nicht ab. Auf der Kontoseite erzeugen; er wird genau einmal angezeigt.

  • Schick ihn als Authorization: Bearer dfp_… an POST /api/doc oder trag ihn beim MCP-Server als DRILLFLOW_TOKEN ein.
  • Erzeugen braucht Pro; benutzen, auflisten und widerrufen nie. Ein ausgelaufenes Abo darf nachts um drei keine Pipeline anhalten.
  • Ein widerrufener Token wird abgewiesen, statt still auf einen anonymen Link zurückzufallen.
  • Token sind für Server und Kommandozeilen. Keine fremde Webseite kann einen Browser dazu bringen, einen mitzuschicken.

Pläne

Kostenlos, Konto, Pro

Der Editor ist kostenlos und bleibt es: unbegrenzte Tiefe, Ebenen, Stift, Import, Export, Präsentationsmodus und Teilen funktionieren ohne Konto. Nichts, was heute kostenlos ist, wird kostenpflichtig.

  • Ohne Konto: alles im Editor, Teilen-Links bis 2 MB, die nach 72 Stunden ablaufen.
  • Mit kostenlosem Konto: bis zu 50 aktive Links, die nicht ablaufen und verwaltbar sind, Einstellungen, die dir folgen, und die Suche über jedes Dokument auf dem Gerät.
  • Pro ergänzt das, was im Betrieb etwas kostet: Dokumente in deiner Cloud mit Versionsverlauf, Suche über alle, größere Teilen-Links, passwortgeschützte und benannte Links, den interaktiven HTML-Export, Exporte ohne DrillFlow-Zeichen und API-Token.

Der vollständige Vergleich steht auf der Startseite.

Einstellungen

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 sowie die beiden Einstellungen für die Ein- und Ausgänge eines Subflows — ob sie überhaupt gezeigt werden und in welcher Form.
  • Werkzeuge & Bearbeiten: Werkzeugring oder Werkzeugleiste, Standard-Kantenstil (gerade/gebogen), Formplatzierung (Ziehen für Größe oder Tippen zum Platzieren), Standard-Knotenbeschriftung.
  • Tastenkürzel: Werkzeugtasten, Suchen, Duplizieren und Vorne/Hinten auf eigene Tasten legen — siehe Tastenkürzel.
  • Speichern: Autosave-Intervall, von sofort bis manuell.

Eine Voreinstellung bestimmt, was als Nächstes passiert — nur die für Ein- und Ausgänge betrifft auch das, was schon da ist, und fragt deshalb nach. Beim Umschalten hast du zwei Antworten: auf alle Subflows des geöffneten Dokuments anwenden (das setzt auch die zurück, die du von Hand eingestellt hattest, sodass wieder alle der Voreinstellung folgen) — oder nur auf die ohne eigene Einstellung. In beiden Fällen ist es ein Undo-Schritt, es betrifft immer nur das gerade geöffnete Dokument, und andere Dokumente ziehen nach, sobald du sie öffnest. Ein Subflow, den du von Hand ausgeschaltet hast, bleibt aus, bis du etwas anderes sagst.

Tastenkürzel

Tastenkürzel

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

  • V Auswählen · L Lasso · H Hand · 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+D Auswahl duplizieren · Strg+]/[ nach vorn / nach hinten
  • Strg+S In Datei speichern · Strg+F Suchen · Strg+E JSON exportieren
  • Strg+↑↓←→ bauen ohne Maus: Taste halten, Pfeiltaste drücken — eine gestrichelte Vorschau zeigt, wo die nächste Form landet; loslassen setzt sie, schon verbunden und ausgewählt, bereit zum Beschriften. Dieselbe Pfeiltaste noch einmal ergibt einen zweiten Zweig aus demselben Punkt.
  • Alt+↑ ein Diagramm hoch · Esc zurück zu Auswählen · Doppelklick: Beschriftung bearbeiten / Subflow öffnen · einfach lostippen, wenn eine Form ausgewählt ist

Eigene Tasten

Die zehn Werkzeuge, Suchen, Duplizieren und Vorne/Hinten kannst du unter Einstellungen → Tastenkürzel auf eigene Tasten legen: Taste anklicken, neue drücken. Eine Taste, die schon eine andere Aktion hat oder die der Editor anderweitig braucht (Rückgängig, Kopieren, Speichern, die Pfeile), wird abgelehnt, und der Dialog sagt warum. Werkzeugleiste, Werkzeugring und Spickzettel zeigen deine Tasten, und mit Konto reisen sie in den nächsten Browser mit. Drei bleiben fest, weil es Gesten sind und keine Tasten: Leertaste halten zum Verschieben, Strg+Pfeil für eine verbundene Form, und lostippen, um eine ausgewählte Form zu beschriften.