Professionelle Diagramme zu erstellen, muss weder teuer noch kompliziert sein. draw.io, offiziell auch unter dem Namen diagrams.net bekannt, ist eines der mächtigsten und gleichzeitig zugänglichsten Diagramm-Tools überhaupt – und das vollständig kostenlos. Ob Flowcharts, UML-Klassendiagramme, BPMN-Prozessmodelle oder Netzwerktopologien: draw.io deckt nahezu jeden Anwendungsfall ab, ohne dass man dafür ein Konto anlegen oder Software installieren muss.
Browser-basiert und als Desktop-App
draw.io ist in erster Linie als Web-Anwendung konzipiert und läuft direkt im Browser ohne Installation. Die Benutzeroberfläche ist dabei überraschend leistungsfähig: Ein großer Zeichenbereich in der Mitte, Formbibliotheken auf der linken Seite und ein Eigenschaftspanel rechts – das klassische Layout erinnert an Desktop-Anwendungen wie Microsoft Visio, ist aber wesentlich reaktionsschneller als erwartet.
Wer lieber offline arbeitet, kann die offizielle draw.io Desktop-App für Windows, macOS und Linux herunterladen. Diese basiert auf Electron und bietet nahezu identische Funktionalität wie die Web-Version – inklusive aller Shape-Bibliotheken und Exportformate.
Umfangreiche Shape-Bibliotheken
Eine der größten Stärken von draw.io ist die schiere Anzahl an vorgefertigten Formen. Über das Menü „Weitere Formen" lässt sich eine Vielzahl thematischer Bibliotheken aktivieren:
- Netzwerk und Infrastruktur: Cisco-Icons, generische Netzwerksymbole, Server- und Datenbankdarstellungen
- UML: Klassendiagramme, Sequenzdiagramme, Use-Case-Diagramme, Zustandsautomaten
- BPMN 2.0: Vollständige Business Process Model and Notation-Elemente für Prozessmodellierung
- Mockup/UI: Web- und Mobile-Wireframe-Komponenten für schnelle Prototypen
- Cloud-Anbieter: AWS, Google Cloud, Microsoft Azure mit offiziellen Icon-Sets
- Entity-Relationship: Datenbankmodellierung mit Crow's-Foot-Notation und Chen-Notation
Jede Bibliothek enthält Dutzende bis Hunderte von Elementen, die per Drag-and-drop auf die Zeichenfläche gezogen werden können. Verbindungen zwischen Elementen werden automatisch erkannt und lassen sich mit Beschriftungen und Pfeilköpfen nach DIN-Norm oder eigenen Vorgaben formatieren.
Exportformate: Vielseitig und standardkonform
draw.io unterstützt eine beeindruckende Palette an Exportformaten:
- PNG und JPEG: Rasterbilder für Präsentationen und Dokumente
- SVG: Vektorgrafik für verlustfreie Skalierung und Web-Einbindung
- PDF: Mehrseitige Dokumente direkt aus der Anwendung
- HTML: Interaktive Diagramme für Webseiten
- XML (.drawio/.xml): Das native Format, das alle Layoutinformationen enthält
- VSDX: Kompatibel mit Microsoft Visio
.drawio-Format basiert auf komprimiertem XML und lässt sich in Git-Repositories versionieren. Für eine bessere Diff-Ansicht im Repository empfiehlt es sich, das unkomprimierte XML-Format zu wählen und die Datei als .drawio.xml zu speichern. So sind Änderungen an Diagrammen in Pull Requests klar nachvollziehbar.
Integration mit Google Drive, Confluence und GitHub
draw.io lässt sich tief in bestehende Arbeitsumgebungen integrieren. Die beliebtesten Integrationen sind:
- Google Drive: Diagramme werden direkt in Google Drive gespeichert und lassen sich wie Google Docs teilen und gemeinsam bearbeiten.
- Confluence: Das offizielle draw.io-Plugin für Confluence ermöglicht es, Diagramme direkt in Confluence-Seiten einzubetten und zu bearbeiten. Die Atlassian-Integration ist besonders in Unternehmen verbreitet.
- GitHub/GitLab: Diagrammdateien können direkt aus Repositories geöffnet und bearbeitet werden.
- OneDrive/SharePoint: Integration für Microsoft-365-Umgebungen verfügbar.
- Jira: Diagramme als Anhänge in Jira-Tickets, direkt bearbeitbar ohne Kontextwechsel.
Das XML-basierte Format: Transparenz und Portabilität
Ein entscheidender Vorteil von draw.io gegenüber proprietären Tools ist das offene Dateiformat. Jedes Diagramm ist intern als XML gespeichert, das manuell bearbeitet oder programmatisch generiert werden kann. Das ermöglicht interessante Workflows:
- Automatische Erzeugung von Netzwerkdiagrammen aus Inventar-Datenbanken
- Versionskontrolle von Architekturdokumentation in Git
- Konvertierung aus anderen Formaten wie Mermaid oder PlantUML über Community-Skripte
Vergleich: draw.io vs. Lucidchart vs. Visio vs. Excalidraw
Welches Diagramm-Tool ist das richtige für Ihren Einsatz? Die folgende Tabelle vergleicht die vier verbreitetsten Optionen:
| Kriterium | draw.io | Lucidchart | Microsoft Visio | Excalidraw |
|---|---|---|---|---|
| Preis | Kostenlos (Open Source) | Freemium, ab 9 $/Monat | Ab ca. 5 €/Monat (M365) | Kostenlos (Open Source) |
| Plattform | Browser + Desktop-App | Browser | Windows-App + Web | Browser + Desktop-App |
| UML-Unterstützung | Vollständig | Vollständig | Vollständig | Grundlegend (via Libraries) |
| BPMN 2.0 | Ja | Ja | Ja | Nein |
| Selbst-Hosting | Ja | Nein | Nein | Ja |
| Dateiformat | XML (offen) | Proprietär (Export möglich) | VSDX (teilweise offen) | JSON (offen) |
| Kollaboration | Über Cloud-Speicher | Nativ (Echtzeit) | Über M365 (eingeschränkt) | Echtzeit (Link-basiert) |
| Lernkurve | Mittel | Gering | Hoch | Sehr gering |
Wann ist draw.io die richtige Wahl?
draw.io ist besonders stark, wenn es um formale, technische Diagramme geht: Datenbankmodelle, Systemarchitekturen nach Standards, BPMN-Prozessabläufe oder IT-Infrastrukturpläne. Die Kombination aus breiter Shape-Bibliothek, offenem Dateiformat und kostenlosem Zugang ohne Registrierung macht es zum Arbeitspferd für Entwickler, Systemarchitekten, Business-Analysten und IT-Dokumentationsteams.
Wer hingegen in lockeren Workshops schnell Ideen skizzieren möchte, ist mit Excalidraw besser bedient. Für umfangreiche Team-Workspaces mit Kanban-Boards und Post-its empfiehlt sich Miro. Und wer in der Microsoft-Welt zu Hause ist und bereits eine M365-Lizenz besitzt, sollte Visio in Betracht ziehen. Für alle anderen gilt: draw.io ist die kostenlose, leistungsstarke Standardempfehlung.
Die offizielle Instanz unter app.diagrams.net ist jederzeit erreichbar und erfordert weder Login noch Installation – ein idealer Einstieg für alle, die draw.io noch nicht kennen.
Fazit
draw.io ist ein ausgereiftes, funktionsreiches Diagramm-Tool, das keine Wünsche offen lässt – und das vollständig kostenlos. Das offene XML-Format, die breite Palette an Shape-Bibliotheken und die nahtlose Integration in gängige Arbeitsumgebungen machen es zur ersten Wahl für alle, die professionelle Diagramme erstellen möchten, ohne für teure Lizenzen zu zahlen.
Häufig gestellte Fragen
- Was ist der Unterschied zwischen draw.io und diagrams.net?
- Es handelt sich um dasselbe Tool. Das Unternehmen JGraph betreibt beide Domains. diagrams.net ist der offizielle Markenname, während draw.io der historisch gewachsene und bekanntere Name ist. Beide URLs führen zur gleichen Anwendung.
- Kann ich draw.io auf meinem eigenen Server betreiben?
- Ja. draw.io ist Open Source und kann selbst gehostet werden. Das Repository auf GitHub enthält Anleitungen für die Bereitstellung als Docker-Container oder direkte Installation. Die Desktop-App ist ebenfalls vollständig offline nutzbar.
- Ist draw.io mit Microsoft Visio kompatibel?
- Weitgehend ja. draw.io kann VSDX-Dateien importieren und exportieren, das native Format von Microsoft Visio. Komplexe Visio-Diagramme mit speziellen Makros oder Shapes können beim Import Abweichungen aufweisen, grundlegende Diagramme werden aber korrekt übertragen.
- Wie viele Personen können gleichzeitig an einem draw.io-Diagramm arbeiten?
- Das hängt vom genutzten Speicherort ab. Bei Google Drive ist die gleichzeitige Bearbeitung auf die von Google Drive unterstützte Anzahl begrenzt. Die native Echtzeit-Kollaboration ist weniger ausgereift als bei Miro oder Lucidchart – für intensive gemeinsame Bearbeitung empfiehlt sich ein klares Workflow-Modell (z. B. wechselseitiges Bearbeiten).