Text zu Diagramm. Unbegrenzte KI – direkt auf deinem Gerät.

Diagram Studio ist ein kostenloser KI-Diagramm-Generator, der vollständig in Ihrem Browser läuft. Beschreiben Sie, was Sie brauchen — einen Anmeldeablauf, ein Datenbankschema, ein Sprint-Board, eine Release-Zeitachse, eine C4-Deployment-Ansicht — und ein kleines On-Device-Sprachmodell schreibt den Mermaid-Code, rendert ihn live während des Streamings und lässt ihn vor dem Export als SVG oder PNG neu generieren, verfeinern und umgestalten. Da keine serverseitige Generierung stattfindet, ist die Anzahl der Generierungen in jedem Tarif unbegrenzt — auch im kostenlosen.

Er ist für die Fälle gebaut, in denen Cloud-Diagrammwerkzeuge die falsche Antwort sind: eine Meetingnotiz in Sekunden in ein Sequenzdiagramm verwandeln, ein privates ER-Schema für ein Kundensystem entwerfen, das nicht auf fremde Server darf, oder ohne Konto ein veröffentlichungsreifes Flussdiagramm erzeugen. Achtzehn Diagrammtypen, sechs Themes, drei visuelle Looks, KI-Variationen und Ein-Klick-Verfeinerung, 19 Startvorlagen, eine lokale Bibliothek, in sich geschlossene Freigabelinks und wasserzeichenfreie Exporte sind eingebaut. Nichts, was Sie schreiben, verlässt Ihr Gerät.

Wie die On-Device-KI-Generierung funktioniert

Hinter derselben Oberfläche stecken zwei Engines. Die erste ist die in Chrome eingebaute KI (die LanguageModel API, verfügbar in Chrome 127+ und anderen Chromium-Browsern mit Gemini Nano). Sie nutzt das bereits im Browser eingebettete Modell, sodass nichts heruntergeladen werden muss und die Generierung sofort beginnt. Die zweite Engine ist ein lokales Qwen2.5 1.5B-Instruct-Modell, das über Transformers.js auf WebGPU geladen wird — mit WebAssembly-Fallback, falls WebGPU nicht verfügbar ist. Es wird einmalig etwa 1 GB heruntergeladen, danach vom Browser gecacht und offline genutzt.

Unabhängig von der Engine ist die Ausgabe ein Mermaid-Codeblock. Ein regexbasierter Auto-Fixer behebt die typischen Fehler eines 1.5B-Modells — unausgeglichene subgraph-Enden, fehlende Diagrammtyp-Schlüsselwörter, nicht geschlossene Anführungszeichen in Knotenbeschriftungen — bevor der Code den Renderer erreicht. Anschließend parst und rendert Mermaid 11: Ein streaming-toleranter Modus ignoriert Syntaxfehler während der Generierung stillschweigend, damit sich die Leinwand Token für Token aktualisiert; das finale Rendering meldet echte Fehler mit einer klaren Meldung, die Sie im Code-Editor beheben können.

Achtzehn Diagrammtypen oder Auto

Es werden 18 auf Mermaid basierende Diagrammtypen unterstützt: Flussdiagramm, Mindmap, Sequenz, Klasse, Zustand, ER-Diagramm, Gantt, Git-Graph und Kreisdiagramm decken die klassischen Software- und Projektfälle ab; Zeitachse und User-Journey-Map erklären Abläufe über die Zeit; Kanban und Quadrantenchart ordnen Arbeit und Trade-offs; C4-Diagramme beschreiben Systemkontext, Container und Deployment; Radar- und XY-Diagramme visualisieren Bewertungs- und Zahlenwerte; Venn-Diagramme zeigen Überlappungen; und das Ishikawa- (Fischgräten-)Diagramm strukturiert Ursachenanalysen. Einige der neuesten Typen verwenden die Beta-Syntax von Mermaid und sind entsprechend markiert — sie rendern zuverlässig, brauchen aber gelegentlich eine kleine manuelle Korrektur.

Sie können einen Typ explizit festlegen oder die Auswahl auf Auto belassen, damit das Modell die passende Darstellung für Ihren Prompt wählt — aus «Datenbanktabellen» wird meist ein ER-Diagramm, aus «Nachrichtenaustausch» ein Sequenzdiagramm, aus einem «Sprint-Board» ein Kanban. Derselbe Prompt lässt sich auch als mehrere KI-Variationen mit jeweils anderer Temperatur untersuchen, sodass Sie einen konservativen Aufbau mit kreativeren vergleichen können.

Themes, Looks und Richtung

Sechs Themes färben jedes Diagramm sofort neu, ohne das Modell erneut auszuführen: Graphite (die kühle Standard-Graupalette), Cobalt (ein Blau mit einem einzigen Akzent) sowie Mermaids Default, Neutral, Dark und Forest. Drei Looks verändern den visuellen Ton: Neo ist der klare moderne Stil, Classic das traditionelle Mermaid-Aussehen, und Hand-drawn rendert skizzenhafte Striche im Excalidraw-Stil für Whiteboard-Brainstormings.

Über die Richtung wechseln Sie Flussdiagramme und andere gerichtete Diagramme zwischen oben-nach-unten (TD) und links-nach-rechts (LR); die Verfeinerungsaktion «Richtung umdrehen» kann den Aufbau auch neu generieren, statt ihn nur zu drehen. Da der Code selbst unabhängig von Theme, Look und Richtung ist, zerstört ein Stilwechsel Ihre Bearbeitungen nie.

KI-Variationen und Verfeinerungsaktionen

Jede Generierung kann eine, zwei oder vier Variationen erzeugen. Der kostenlose Tarif erzeugt eine Variation pro Lauf — ohne Begrenzung der Laufanzahl —, während Pro zwei und vier freischaltet. Die Variationen werden seriell mit steigenden Temperaturen (0,2, 0,5, 0,75 und 0,95) erzeugt, sodass die Auswahl von sicher bis kreativ reicht. Sie wechseln sofort zwischen V1–V4; wer den Mermaid-Code einer Variante von Hand bearbeitet, überschreibt die anderen nie.

Sechs Verfeinerungsaktionen arbeiten auf dem aktuellen Diagramm, ohne neu anzufangen: Fix repariert die Syntax, Simplify entfernt überflüssige Knoten und Kanten, Add detail ergänzt einen dünnen Entwurf, Beautify bereinigt Formulierungen und Gruppierung, Flip direction generiert in der Gegenrichtung neu, und Custom wendet eine Anweisung in Ihren eigenen Worten an. Jede Verfeinerung ist eine neue On-Device-Generierung und damit ebenfalls unbegrenzt.

Vorlagen, gespeicherte Bibliothek und Verlauf

Neunzehn eingebaute Vorlagen decken alle Diagrammtypen mit realistischen, durchsuchbaren Startpunkten ab — öffnen Sie den Vorlagen-Browser, filtern Sie nach Name, laden Sie eine Vorlage und bearbeiten Sie den Mermaid-Code direkt. Vorlagen machen die spezialisierten Diagramme (C4, Fischgräte, Kanban, Journey-Map) auch ohne Syntaxkenntnisse nutzbar.

Eine Speichern-Schaltfläche legt das aktuelle Diagramm mit Namen in Ihrem Browser ab: Der kostenlose Tarif behält bis zu 12 gespeicherte Diagramme, Pro bis zu 200. Zusätzlich werden die letzten 20 Generierungen im kostenlosen Tarif (bei Pro 100) automatisch unter Recent aufbewahrt, jeweils mit Prompt, Typ und Zeitstempel; jeder Eintrag lässt sich neu laden oder löschen. Alles liegt ausschließlich im localStorage Ihres Geräts — es gibt keine Cloud-Bibliothek, keine Kontosynchronisierung und nichts, das entweichen könnte. Kostenlose Prompts sind bis zu 2.000 Zeichen lang; Pro erhöht das auf 12.000.

Teilen ohne Server

Beim Teilen wird nichts hochgeladen. Diagrammcode, Typ, Theme, Look und Richtung werden mit deflate-raw komprimiert und in einen in sich geschlossenen URL-Hash kodiert. Jeder, der den Link öffnet, stellt auf dem eigenen Gerät exakt dasselbe Diagramm wieder her; es gibt keinen Datenbankeintrag und serverseitig nichts zu löschen. Da die Daten hinter dem # stehen, erreichen sie überhaupt keinen Webserver. Nach der Wiederherstellung wird der Hash aus der Adressleiste entfernt, sodass ein Neuladen oder Lesezeichen der Seite den geteilten Entwurf nicht erneut öffnet.

Leinwand-Steuerung und Export

Die Leinwand unterstützt Mausrad- und Trackpad-Zoom mit dem Cursor als Ankerpunkt, Ziehen zum Verschieben, Doppelklick zum Einpassen, einen Vollbildmodus (mit Esc öffnen und verlassen) sowie Live-Neurendering bei jeder Code-Änderung. Der Mermaid-Code bleibt in einem Editor neben der Leinwand sichtbar — der Editor, nicht ein schreibgeschütztes Abbild, ist immer die Quelle der Wahrheit.

Exporte werden clientseitig aus dem gerenderten SVG erzeugt: herunterladbares SVG (vektorbasiert, unendliche Auflösung) und PNG in 2× und 4× im kostenlosen Tarif, 8× in Pro, sowie Ein-Klick-Copy-SVG und -PNG. Es gibt keinen Server-Roundtrip, kein Wasserzeichen und kein Konto — in keinem der beiden Tarife.

Grenzen, Voraussetzungen und Datenschutz

Das lokale Qwen-Modell braucht ein halbwegs modernes Gerät — WebGPU ist für das Tempo wichtig, und 1,5 Milliarden Parameter bedeuten bei einem komplexen Diagramm weiterhin mehrere Sekunden Generierung. Der Pfad über die eingebaute Chrome-KI ist schneller und downloadfrei, existiert aber nur in Chromium-Browsern mit Gemini Nano. Steht keine der beiden Engines zur Verfügung, bleibt das Werkzeug ein vollwertiger Mermaid-Editor: Code von Hand schreiben, Live-Rendering, Vorlagen, Themes und dieselben Exporte. Ein 1.5B-Modell ist kein Frontier-Modell — behandeln Sie seine Ausgabe als ersten Entwurf und rechnen Sie besonders bei den Beta-Diagrammtypen und strikter UML-Semantik mit gelegentlichen manuellen Korrekturen.

Weil die Generierung den Dienst nichts kostet, gibt es in beiden Tarifen kein tägliches oder monatliches Generierungslimit: Die kostenlosen Grenzen sind 1 Variation pro Lauf, 12 gespeicherte Diagramme, 20 Verlaufseinträge, Prompts mit 2.000 Zeichen und PNG 4×; Pro fügt 4 Variationen, 200 gespeicherte Diagramme, 100 Verlaufseinträge, 12.000 Zeichen und PNG 8× hinzu. Ihr Prompt und der Mermaid-Code verlassen den Browser nie, es gibt kein Logging und keine Prompt-Analysen, und die einzige Netzwerkanfrage des Werkzeugs ist der einmalige Modell-Download von einem öffentlichen CDN — danach funktioniert es offline.