Für Dev-, Ops- & Datenteams

Diagramme, die deinen Stack sprechen.

Mach aus Mermaid und D2 editierbare Formen, importiere Compose und Kubernetes als Architektur, visualisiere einen Abfrageplan und steuere alles über eine API.

LetDraw kostenlos öffnen Features entdecken

MermaidD2Docker ComposeKubernetesEXPLAINREST + MCP

architecture.letdraw

// Aus Code

Mermaid und D2 rein, editierbare Formen raus

Füge deinen vorhandenen Diagrammcode ein und bekomm echte, verschiebbare Formen im Skizzen-Look zurück. Pass alles von Hand an und exportiere es wieder nach Mermaid oder D2, sobald du erneut Code brauchst.

Round-Trip: vom Code auf die Leinwand und zurück zum Code
Native Pfeilspitzen und ER-Krähenfuß, keine handgezeichneten Hacks
Smarte Verbinder führen automatisch um deine Formen herum

flow.mmd → Leinwand

graph TD
  A[Client] --> B(API Gateway)
  B --> C{Auth?}
  C -->|yes| D[Service]
  C -->|no| B
  D --> E[(Postgres)]
# paste it → get editable shapes
# edit → export back to Mermaid / D2

// Aus Code generieren

Ein Dialog, fast jede Quelle

Füge deine Infra oder eine Spezifikation ein und LetDraw erkennt, worum es sich handelt. Dann ordnet es das Diagramm an, gruppiert zusammengehörige Teile und setzt die passenden Produkt-Icons. Kein manuelles Kästchenmalen.

Erkennt das Format automatisch, keine Auswahl aus einem Menü
Gruppiertes Layout, das deine Namespaces widerspiegelt
Produkt-Icons für Kubernetes, Terraform und Cloud-Dienste

Docker Compose Kubernetes Terraform Helm Graphviz DOT SQL DDL OpenAPI git log EXPLAIN Mermaid D2

docker-compose.yml → Diagramm

services:
  web:
    image: nginx
    depends_on: [api]
  api:
    image: app:latest
    depends_on: [db, redis]
  db:
    image: postgres:16
  redis:
    image: redis:7
# → clustered architecture with icons

// Für deine Datenbank

Sieh deinen Abfrageplan statt einer JSON-Wand

Füge eine EXPLAIN-Ausgabe von Postgres oder MySQL ein und LetDraw zeichnet einen Planbaum als Heatmap. Die teuren Knoten leuchten auf, so siehst du den langsamen Teil der Abfrage auf einen Blick.

EXPLAIN (JSON) von Postgres und MySQL wird automatisch erkannt
Heatmap nach Kosten, die heißesten Knoten zuerst
Läuft clientseitig, deine Abfrage verlässt nie den Browser

EXPLAIN (FORMAT JSON)

// Automatisieren

Eine REST API und ein MCP-Server

Erzeuge ein persönliches Token und erstelle, bearbeite und exportiere Diagramme dann aus einem CI-Skript, einem Cron-Job oder einem KI-Agenten. Dank Scopes darf jedes Token genau das, was es braucht.

Scopes: Lesen, Schreiben, Export (Mermaid / D2 / SVG), KI-Generierung
MCP-Server, damit ein KI-Assistent für dich zeichnet
Ideal für Doku-Pipelines und generierte Architektur

aus CI generieren

# create a diagram from a prompt
curl https://api.letdraw.com/api-v1/documents/generate \
  -H "Authorization: Bearer $LD_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{ "prompt": "3-tier web app" }'

# or wire the MCP server into your AI tool
"letdraw": { "command": "letdraw-mcp" }

// Modellieren

ER und UML, die korrekt bleiben

Entwirf Schemas und Systeme mit echter Notation. Krähenfuß-Kardinalität für ER-Beziehungen, hohle Pfeilspitzen für UML und Fremdschlüssel-Routing, das um Tabellen herum statt mitten hindurch führt.

ER-Tabellen mit typisierten Spalten und Schlüsseln
UML-Klassendiagramme mit korrekten Pfeilspitzen
Smartes FK-Routing hält Linien lesbar

schema.er

// In Ästen denken

Mindmaps, die sich selbst anordnen

Starte mit einer Idee und drück Tab für einen neuen Ast. LetDraw übernimmt das Layout, so hältst du ein Brainstorming so schnell fest, wie es kommt, und machst danach ein richtiges Diagramm daraus.

Tastatur zuerst: Tab fügt ein Kind hinzu, kein Kästchenschieben
Auto-Layout hält jeden Ast ordentlich, während er wächst
Äste ein- und ausklappen, um dich zu fokussieren
Mit einem Klick zwischen horizontal und vertikal wechseln

brainstorm.mindmap

Und noch viel mehr auf der Leinwand

Alles, was du brauchst, an einem Ort

Die Bausteine, die aus einer groben Skizze etwas machen, das du weitergeben kannst.

Prompt → Diagramm

Beschreib es in Worten und bekomm einen editierbaren Entwurf. 3 kostenlos in jedem Plan, oder nutze deinen eigenen Schlüssel.

Diagramm erklären

Mach aus einer Zeichnung klaren Text oder Markdown-Doku, damit ein Diagramm gleich seine eigene Beschreibung mitbringt.

Smarte Verbinder

Orthogonales Routing, das Hindernissen automatisch ausweicht, damit Pfeile nie durch Boxen schneiden.

Mehrpunkt-Pfeile

Füge per Klick Knicke zu Pfeilen und Linien hinzu, dann spiegle, drehe und bearbeite jeden Punkt.

Tabellen & Codeblöcke

Editierbare Tabellen und Codeblöcke mit Syntax-Styling als vollwertige Formen, nicht als flache Bilder.

Export & Aufnahme

PNG, SVG, PDF, in die Zwischenablage kopieren oder deinen Zeichenprozess als WebM-Video aufzeichnen.

Mathe / LaTeX

Tippe eine Formel, sieh sie live in der Vorschau (gerendert mit KaTeX) und setz sie auf die Leinwand. Eine Symboltastatur ist nur einen Tipp entfernt.

Schnelldiagramme

Balken-, Kreis- und Liniendiagramme aus einer kleinen Datentabelle, als editierbare Formen, die du umgestalten und exportieren kannst.

Live-Board einbetten

Füge ein Snippet in eine README, ein Wiki oder eine Doku-Seite ein, um eine live aktualisierte, schreibgeschützte Ansicht eines Diagramms einzubetten.

Skizzen-Look

Der handgezeichnete Stil hält frühe Entwürfe locker, und ein cleaner Modus sorgt für scharfe Linien, wenn du sie willst.

Offline & privat

Läuft ohne Installation im Browser, Zeichnungen bleiben lokal und es gibt kein Tracking durch Dritte.

Zusammenarbeit in Echtzeit

Zeichnet gemeinsam mit Live-Cursorn, Kommentaren und Workspace-Rollen. Mehr zur Zusammenarbeit →

Dein System als Diagramm, im Browser-Tab.

Keine Installation, kein Setup. Füge Code ein, importiere deine Infra oder fang einfach an zu zeichnen.

LetDraw kostenlos öffnen Doku lesen