Draw.io ist ein kostenloser Open-Source-Grafik-Editor zum Erstellen verschiedenster Arten von Diagrammen und Zeichnungen. Die Software eignet sich für Flussdiagramme, Mindmaps, Organigramme, Netzwerkpläne, Wireframes, UML-Diagramme und nicht zuletzt auch für Grundrisse. Dieser Beitrag fasst zwei ältere Artikel der Linux-Bibel zusammen, aktualisiert die Installations- und Bedienungshinweise auf den aktuellen Stand und zeigt anhand eines Grundriss-Beispiels, wie vielseitig der Editor auch für private Zwecke einsetzbar ist.
Was ist Draw.io?
Draw.io ist ein flexibles Werkzeug zur Visualisierung von Gedanken, Prozessen und Strukturen. Die Anwendung wird als Desktop-Version für Linux, Windows und macOS sowie als reine Web-App angeboten, die direkt im Browser läuft und ausschließlich aktiviertes JavaScript voraussetzt. Die Desktop-Variante basiert auf Electron und bringt nahezu den gleichen Funktionsumfang wie die Web-Version mit, arbeitet aber ohne ständige Internetverbindung und speichert Dateien lokal.
Das Einsatzgebiet reicht von Software-Flowcharts über Schaltkreise und Bauzeichnungen bis hin zu ereignisgesteuerten Prozessketten, Businessmodellen und Übersichten zur Dokumentation bei der Softwareentwicklung. Ingenieure, Entwickler, Architekten, Unternehmer und auch Privatnutzer finden in Draw.io ein Werkzeug, das die meisten Diagramm- und Skizzierbedürfnisse abdeckt, ohne dass eine kommerzielle Lizenz anfällt.
Draw.io – Grafik-Editor
Installation unter Linux
Draw.io kann zum einem vollständig als Web-App direkt im Browser laufen, oder als native Desktop-Version installiert werden. Auf der github-Projektseite finden Sie dazu umfangreiche Installationspakete in Form von DEB – RPM – Flatpak – Snap sowie AppImages.
Erster Start und Einrichtung
Je nach Installationsart und Desktop-Version finden Sie die Anwendung unter Menü -> Grafik. Es begrüßt eine sehr übersichtliche und aufgeräumte Startseite. Oben eine Menüleiste, links die Zeichenelemente in den unterschiedlichsten Kategorien. Ein Klick auf ein Element fügt dieses in das Zeichenblatt ein. Um dieses an den gewünschten Ort zu positionieren, klicken Sie darauf und ziehen es mit gedrückter linker Maustaste dorthin und lassen es fallen.
Draw.io – Standard-Elemente erweitern
Die Standard-Elemente lassen sich vielseitig erweitern, klicken Sie dazu auf + Mehr Shapes…
Um im Beispiel für Grundrisse zu bleiben, setzen Sie das Häkchen entsprechend. Es können auch beliebige weitere Shapes gewählt werden. Bestätigen Sie die Auswahl mit Anwenden…
Bedienung
Nach dem Start bietet Draw.io die Wahl zwischen dem Erstellen eines neuen Diagramms und dem Öffnen einer bestehenden Datei. Bei einem neuen Projekt wird zunächst aus einer der zahlreichen Kategorien eine passende Vorlage ausgewählt. Das Spektrum reicht von Tabellen über Venndiagramme und Mindmaps bis hin zu Netzwerk- und Grundriss-Vorlagen. Für den Fall, dass keine Vorlage passt, lässt sich auch eine leere Zeichenfläche starten.
Auf der linken Seite des Arbeitsbereichs finden sich die Formen-Bibliotheken, die per Drag & Drop in den Zeichenbereich gezogen werden. Die Elemente lassen sich mit gedrückter linker Maustaste verschieben, einzeln oder in Gruppen markieren und bei Bedarf löschen. Mit Shift + Klick werden weitere Elemente zur Markierung hinzugefügt, mit Alt + Klick werden Elemente eingefügt und automatisch verbunden. Linien, Pfeile und Verbindungspunkte erzeugen Verknüpfungen zwischen den Objekten, die sich beim Verschieben automatisch anpassen.
Neben den Standardformen verfügt Draw.io über eine umfangreiche Bibliothek mit spezialisierten Shapes für verschiedene Einsatzzwecke: Netzwerk-Symbole, elektrische Schaltkreise, UML-Elemente, BPMN-Notation, Mockup-Komponenten für Webseiten-Layouts und vieles mehr. Externe Plugins erweitern das Tool um zusätzliche Funktionen, etwa das Extrahieren von Texten aus Diagrammen oder das Anonymisieren sensibler Daten.
Grundrisse als Anwendungsbeispiel
Ein besonders anschauliches Beispiel für die Vielseitigkeit von Draw.io ist die Erstellung von Grundrissen. Der Editor bringt eine eigene Formen-Bibliothek für Grundrisse mit, die Wände, Räume, Türen, Fenster, Möbel, sanitäre Einrichtungen und elektrische Symbole umfasst. Diese Elemente lassen sich frei kombinieren und an die eigenen räumlichen Gegebenheiten anpassen.
Für private Zwecke – etwa die Planung eines Umzugs, das Anordnen von Möbeln in einer neuen Wohnung oder das Skizzieren von Renovierungsideen – ist Draw.io hervorragend geeignet. Die Maßeinheiten lassen sich auf Zentimeter oder Millimeter einstellen, ein Raster hilft beim exakten Ausrichten, und die Verbindungspunkte sorgen dafür, dass Wände und Einrichtungsgegenstände sauber aneinander passen. Das Ergebnis ist eine übersichtliche Skizze, die sich bei sorgfältiger Einrichtung auch maßstäblich anlegen und sich als Bilddatei oder PDF exportieren und beispielsweise ausdrucken lässt.
Draw.io – Hinzufügen von Elementen per Drag & Drop
Export und Weiterverwendung
Nach Fertigstellung eines Projekts stehen mehrere Exportformate zur Verfügung: PNG, JPEG und SVG als Bilddateien, zusätzlich PDF und HTML. Die Dateien lassen sich lokal speichern oder direkt in eine Cloud-Anbindung (Dropbox, OneDrive, Google Drive, GitHub, GitLab) ablegen. Das native Dateiformat .drawio ist ein XML-basiertes Format, das sich versionssicher speichern und jederzeit wieder bearbeiten lässt.
Draw.io – Exportfunktion
Da die exportierten Grafiken in gängigen Formaten vorliegen, lassen sie sich problemlos in Office-Anwendungen wie LibreOffice Writer, Impress oder Calc einfügen und dort weiterverwenden. Auch für Präsentationen, Dokumentationen oder Blogbeiträge ist dieser Workflow praktikabel.
Exportierte Bilddatei des fertigen Projekts
Grenzen
Draw.io ist ein Diagramm- und Grafik-Editor, kein Spezialwerkzeug für jede erdenkliche Anwendung. So verfügt die Software beispielsweise über keinen automatisierten Mechanismus zum Erstellen von Zeitleisten oder chronologischen Achsen – grafische Timelines lassen sich zwar manuell mit den verfügbaren Formen nachbauen, jedoch nicht als funktionales Diagramm-Objekt generieren. Ebenso wenig ist Draw.io ein Ersatz für professionelle Vektorgrafik-Software, Projektmanagement-Tools oder CAD-Programme. Wer diese Spezialfunktionen benötigt, wird um dedizierte Anwendungen nicht herum kommen. Für den weiten Bereich der Diagrammerstellung, Mindmaps, Grundrisse und vieles mehr ist Draw.io jedoch ein exzellentes Werkzeug.
Fazit
Draw.io ist ein kostenloses, quelloffenes und äußerst vielseitiges Tool, das sich sowohl im Browser als auch als Desktop-Programm nutzen lässt. Die vielen Installationsmöglichkeiten (Flatpak, AppImage, DEB, RPM, Snap und Web-App) machen die Anwendung auf nahezu jeder Linux-Distribution zugänglich. Mit der riesigen Auswahl an Vorlagen und Formen-Bibliotheken, dem praktischen Drag & Drop-System und den umfassenden Exportformaten deckt Draw.io einen weiten Bereich an Diagramm- und Skizzierbedürfnissen ab.
Das Grundriss-Beispiel zeigt anschaulich, dass der Editor auch für private Planungsaufgaben jenseits klassischer Diagramme eine wertvolle Hilfe ist. Für private und semiprofessionelle Zwecke ist Draw.io eine empfehlenswerte, kostenfreie Alternative zu kommerziellen Grafik- und Diagramm-Tools.
Titelbild: Image by photoroyalty on Magnific
Noch keine Reaktion