Excalidraw vs draw.io: Das Wichtigste in Kürze
Architekturdiagramme, Flowcharts und ERDs gehören zum Alltag von Entwickler-Teams. Excalidraw und draw.io sind die beliebtesten Open-Source-Optionen – sie unterscheiden sich fundamental in Stil, Kollaboration und Integrationsmöglichkeiten.
Was ist Excalidraw?
Excalidraw wurde 2020 von Christopher Chedeau entwickelt und hat sich rasant zu einem der meistgenutzten Whiteboard-Tools entwickelt. Der charakteristische handgezeichnete Stil ist kein Zufall – er soll bewusst die Kreativität von Perfektion entkoppeln. Excalidraw ist zu 100% open source, läuft im Browser und lässt sich komplett selbst hosten.
Stärken von Excalidraw:
- Handgezeichneter, entspannter Stil fördert iteratives Denken
- Echtzeit-Kollaboration out-of-the-box
- Vollständig lokal: kein Backend für Single-User nötig
- Self-Hosting via Docker in 2 Minuten
- Excalidraw Libraries (umfangreiche Symbolbibliotheken)
- Export als SVG, PNG, JSON
- End-to-End-Verschlüsselung für kollaborative Sitzungen
- VS Code Extension (Excalidraw direkt im Editor)
Was ist draw.io?
draw.io (seit 2020 offiziell: diagrams.net) ist eines der ältesten und umfangreichsten Diagramm-Tools. Es existiert seit 2005, wurde 2012 open source gestellt und hat Hunderttausende von Nutzern in Unternehmensumgebungen.
Stärken von draw.io:
- Extrem umfangreiche Shape-Bibliotheken (AWS, Azure, GCP, UML, BPMN, ERD, Netzwerk)
- Self-Hosting via Docker mit dem drawio/drawio-Image
- Integration in Confluence (offizielles Plugin)
- Microsoft 365 und SharePoint Integration
- GitHub und GitLab Integration (Diagramme als XML im Repo)
- Export als PDF, SVG, PNG, VSDX (Visio)
- Offline-Modus im Browser
Direktvergleich
| Merkmal | Excalidraw | draw.io |
|---|---|---|
| Lizenz | MIT | Apache 2.0 |
| Stil | Handgezeichnet, locker | Professionell, vektorgrafisch |
| Kollaboration | Echtzeit (E2E-verschlüsselt) | Mit Backend-Server |
| Self-Hosting | Docker, statische HTML-Datei | Docker |
| Shape-Bibliotheken | Community Libraries | Riesige Bibliothek (AWS, Azure, GCP, UML) |
| Confluence-Integration | Nein | Offizielles Plugin |
| GitHub-Integration | Nein | Direktes Speichern im Repo |
| UML / ERD / BPMN | Informell möglich | Formale Unterstützung |
| VS Code Extension | Ja | Ja |
| Lernkurve | Minimal | Moderat |
| Fokus | Skizzen, Brainstorming | Formale technische Diagramme |
Self-Hosting im Vergleich
Excalidraw Self-Hosting
Excalidraw ist eine React SPA ohne State auf dem Server. Der einfachste Self-Host ist ein Docker-Container:
docker run -d -p 3000:3000 excalidraw/excalidraw:latest
Für echte Multi-User-Kollaboration braucht man zusätzlich den excalidraw-room Service (WebSocket) und excalidraw-storage-backend für persistente Sitzungen.
draw.io Self-Hosting
draw.io bietet ein offizielles Docker-Image:
docker run -it --rm --name="draw" -p 8080:8080 jgraph/drawio
Die Konfiguration über drawio-config.xml erlaubt es, Cloud-Storage-Integrationen zu deaktivieren und LDAP anzubinden.
Anwendungsfälle
Excalidraw eignet sich für:
- Brainstorming-Sessions und Ideenentwicklung
- Schnelle Architekturskizzen in Meetings
- Whiteboard-Ersatz für Remote-Teams
- RFC-Dokumente mit leichten Diagrammen
- Einbettung in Notion, Linear oder Obsidian
draw.io eignet sich für:
- Formale Architekturdokumentation (AWS/Azure/GCP Icons)
- ERD und Datenbankdiagramme (offizielle UML-Shapes)
- BPMN-Prozessdiagramme für Enterprise-Workflows
- Netzwerkdiagramme mit Cisco/Juniper-Icons
- Confluence-Integration für Enterprise-Wikis
Kombination beider Tools
Viele Teams nutzen beide Tools parallel: Excalidraw für initiale Skizzen und Ideenfindung, draw.io für finale Dokumentation. Diese Kombination ist valide, da beide kostenfrei betrieben werden können.
Alternativen: Mermaid und PlantUML
Wer Diagramme as-code bevorzugt, sollte Mermaid oder PlantUML in Betracht ziehen:
- Mermaid: JavaScript-Bibliothek, direkt in GitHub-Markdown und GitLab unterstützt
- PlantUML: JVM-basiert, sehr ausdrucksstark für UML und Sequenzdiagramme
Diese Code-first-Ansätze passen besonders gut zu Entwickler-Workflows mit Git.
Fazit
Excalidraw und draw.io lösen unterschiedliche Probleme. Excalidraw ist das schnellere, intuitivere Tool für Zusammenarbeit und explorative Diagramme. draw.io ist die umfangreichere, formale Lösung für technische Dokumentation, Enterprise-Integration und standardisierte Notation. Empfehlung: Excalidraw für agile Teams, draw.io für dokumentationslastige Umgebungen.