Excalidraw - virtuelles Whiteboard für Skizzen und Diagramme

≈ 2 min
notizenentwicklung

Excalidraw - virtuelles Whiteboard für Skizzen und Diagramme

Excalidraw ist ein browserbasiertetes virtuelles Whiteboard mit handgezeichnetem Stil, das sich ideal für schnelle Architekturskizzen, Flussdiagramme und Team-Brainstorming eignet.

Was ist Excalidraw?

Excalidraw hat sich dank seines unverwechselbaren handgezeichneten Looks und der minimalistischen Bedienung zu einem der beliebtesten Whiteboard-Tools in der Entwickler-Community entwickelt. Zeichnungen können exportiert, verlinkt und in Echtzeit mit anderen geteilt werden. Die selbst gehostete Variante läuft vollständig im Browser ohne Serverkomponente für die Zeichnungsdaten — das Docker-Image liefert lediglich die statischen Dateien der React-Anwendung aus. Sensible Diagramme verlassen damit nie den eigenen Server.

Voraussetzungen

  • Docker 20.10+ / Docker Compose
  • Optional: Reverse Proxy für HTTPS und eine eigene Domain

Compose-Beispiel

services:
  excalidraw:
    image: excalidraw/excalidraw:latest
    container_name: excalidraw
    restart: unless-stopped
    ports:
      - "3000:80"

Hinweise

  • Keine serverseitige Persistenz: Excalidraw speichert Zeichnungen standardmäßig lokal im Browser (LocalStorage). Für teamweite Persistenz und Echtzeit-Kollaboration ist der separate excalidraw-room-Dienst nötig, der als WebSocket-Relay fungiert.
  • Kollaborations-Relay selbst hosten: Mit dem Image excalidraw/excalidraw-room lässt sich auch der Sharing-Dienst selbst betreiben; die URL wird dann als Umgebungsvariable VITE_APP_WS_SERVER_URL übergeben.
  • Export-Formate: Zeichnungen lassen sich als PNG, SVG oder als natives .excalidraw-JSON exportieren und später wieder importieren.
  • VS-Code-Extension: Das Excalidraw-Format wird auch von der offiziellen VS-Code-Extension unterstützt — praktisch für technische Dokumentation direkt im Repo.