{"id":25005,"date":"2026-09-23T18:26:07","date_gmt":"2026-09-23T16:26:07","guid":{"rendered":"https:\/\/linux-bibel.at\/?p=25005"},"modified":"2026-09-23T19:42:08","modified_gmt":"2026-09-23T17:42:08","slug":"draw-io-grafik-editor-fuer-diagramme-grundrisse-und-mehr","status":"publish","type":"post","link":"https:\/\/linux-bibel.at\/index.php\/2026\/09\/23\/draw-io-grafik-editor-fuer-diagramme-grundrisse-und-mehr\/","title":{"rendered":"Draw.io \u2013 Grafik-Editor f\u00fcr Diagramme, Grundrisse und mehr"},"content":{"rendered":"\n

Draw.io<\/strong> ist ein kostenloser Open-Source-Grafik-Editor zum Erstellen verschiedenster Arten von Diagrammen und Zeichnungen. Die Software eignet sich f\u00fcr Flussdiagramme, Mindmaps, Organigramme, Netzwerkpl\u00e4ne, Wireframes, UML-Diagramme und nicht zuletzt auch f\u00fcr Grundrisse. Dieser Beitrag fasst zwei \u00e4ltere 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\u00fcr private Zwecke einsetzbar ist.<\/p>\n\n\n\n

Was ist Draw.io?<\/p>\n\n\n\n

Draw.io ist ein flexibles Werkzeug zur Visualisierung von Gedanken, Prozessen und Strukturen. Die Anwendung wird als Desktop-Version f\u00fcr Linux, Windows und macOS sowie als reine Web-App angeboten, die direkt im Browser l\u00e4uft und ausschlie\u00dflich aktiviertes JavaScript voraussetzt. Die Desktop-Variante basiert auf Electron und bringt nahezu den gleichen Funktionsumfang wie die Web-Version mit, arbeitet aber ohne st\u00e4ndige Internetverbindung und speichert Dateien lokal.<\/p>\n\n\n\n

Das Einsatzgebiet reicht von Software-Flowcharts \u00fcber Schaltkreise und Bauzeichnungen bis hin zu ereignisgesteuerten Prozessketten, Businessmodellen und \u00dcbersichten zur Dokumentation bei der Softwareentwicklung. Ingenieure, Entwickler, Architekten, Unternehmer und auch Privatnutzer finden in Draw.io ein Werkzeug, das die meisten Diagramm- und Skizzierbed\u00fcrfnisse abdeckt, ohne dass eine kommerzielle Lizenz anf\u00e4llt.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Draw.io – Grafik-Editor<\/p>\n\n\n\n

Installation unter Linux<\/p>\n\n\n\n

Draw.io kann zum einem vollst\u00e4ndig als Web-App<\/a> direkt im Browser laufen, oder als native Desktop-Version installiert werden. Auf der github-Projektseite<\/a> finden Sie dazu umfangreiche Installationspakete in Form von DEB – RPM – Flatpak – Snap sowie AppImages.<\/p>\n\n\n\n

Erster Start und Einrichtung<\/p>\n\n\n\n

Je nach Installationsart und Desktop-Version finden Sie die Anwendung unter Men\u00fc -> Grafik. Es begr\u00fc\u00dft eine sehr \u00fcbersichtliche und aufger\u00e4umte Startseite. Oben eine Men\u00fcleiste, links die Zeichenelemente in den unterschiedlichsten Kategorien. Ein Klick auf ein Element f\u00fcgt dieses in das Zeichenblatt ein. Um dieses an den gew\u00fcnschten Ort zu positionieren, klicken Sie darauf und ziehen es mit gedr\u00fcckter linker Maustaste dorthin und lassen es fallen. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Draw.io – Standard-Elemente erweitern<\/p>\n\n\n\n

Die Standard-Elemente lassen sich vielseitig erweitern, klicken Sie dazu auf + Mehr Shapes<\/strong>…
Um im Beispiel f\u00fcr Grundrisse<\/em> zu bleiben, setzen Sie das H\u00e4kchen entsprechend. Es k\u00f6nnen auch beliebige weitere Shapes gew\u00e4hlt werden. Best\u00e4tigen Sie die Auswahl mit Anwenden<\/strong>…<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Bedienung<\/p>\n\n\n\n

Nach dem Start bietet Draw.io die Wahl zwischen dem Erstellen eines neuen Diagramms und dem \u00d6ffnen einer bestehenden Datei. Bei einem neuen Projekt wird zun\u00e4chst aus einer der zahlreichen Kategorien eine passende Vorlage ausgew\u00e4hlt. Das Spektrum reicht von Tabellen \u00fcber Venndiagramme und Mindmaps bis hin zu Netzwerk- und Grundriss-Vorlagen. F\u00fcr den Fall, dass keine Vorlage passt, l\u00e4sst sich auch eine leere Zeichenfl\u00e4che starten.<\/p>\n\n\n\n

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\u00fcckter linker Maustaste verschieben, einzeln oder in Gruppen markieren und bei Bedarf l\u00f6schen. Mit Shift + Klick werden weitere Elemente zur Markierung hinzugef\u00fcgt, mit Alt + Klick werden Elemente eingef\u00fcgt und automatisch verbunden. Linien, Pfeile und Verbindungspunkte erzeugen Verkn\u00fcpfungen zwischen den Objekten, die sich beim Verschieben automatisch anpassen.<\/p>\n\n\n\n

Neben den Standardformen verf\u00fcgt Draw.io \u00fcber eine umfangreiche Bibliothek mit spezialisierten Shapes f\u00fcr verschiedene Einsatzzwecke: Netzwerk-Symbole, elektrische Schaltkreise, UML-Elemente, BPMN-Notation, Mockup-Komponenten f\u00fcr Webseiten-Layouts und vieles mehr. Externe Plugins erweitern das Tool um zus\u00e4tzliche Funktionen, etwa das Extrahieren von Texten aus Diagrammen oder das Anonymisieren sensibler Daten.<\/p>\n\n\n\n

Grundrisse als Anwendungsbeispiel<\/p>\n\n\n\n

Ein besonders anschauliches Beispiel f\u00fcr die Vielseitigkeit von Draw.io ist die Erstellung von Grundrissen. Der Editor bringt eine eigene Formen-Bibliothek f\u00fcr Grundrisse mit, die W\u00e4nde, R\u00e4ume, T\u00fcren, Fenster, M\u00f6bel, sanit\u00e4re Einrichtungen und elektrische Symbole umfasst. Diese Elemente lassen sich frei kombinieren und an die eigenen r\u00e4umlichen Gegebenheiten anpassen.<\/p>\n\n\n\n

F\u00fcr private Zwecke \u2013 etwa die Planung eines Umzugs, das Anordnen von M\u00f6beln in einer neuen Wohnung oder das Skizzieren von Renovierungsideen \u2013 ist Draw.io hervorragend geeignet. Die Ma\u00dfeinheiten lassen sich auf Zentimeter oder Millimeter einstellen, ein Raster hilft beim exakten Ausrichten, und die Verbindungspunkte sorgen daf\u00fcr, dass W\u00e4nde und Einrichtungsgegenst\u00e4nde sauber aneinander passen. Das Ergebnis ist eine \u00fcbersichtliche Skizze, die sich bei sorgf\u00e4ltiger Einrichtung auch ma\u00dfst\u00e4blich anlegen und sich als Bilddatei oder PDF exportieren und beispielsweise ausdrucken l\u00e4sst.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Draw.io – Hinzuf\u00fcgen von Elementen per Drag & Drop<\/p>\n\n\n\n

Export und Weiterverwendung<\/p>\n\n\n\n

Nach Fertigstellung eines Projekts stehen mehrere Exportformate zur Verf\u00fcgung: PNG, JPEG und SVG als Bilddateien, zus\u00e4tzlich 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\u00e4sst.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Draw.io – Exportfunktion<\/p>\n\n\n\n

Da die exportierten Grafiken in g\u00e4ngigen Formaten vorliegen, lassen sie sich problemlos in Office-Anwendungen wie LibreOffice Writer, Impress oder Calc einf\u00fcgen und dort weiterverwenden. Auch f\u00fcr Pr\u00e4sentationen, Dokumentationen oder Blogbeitr\u00e4ge ist dieser Workflow praktikabel.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Exportierte Bilddatei des fertigen Projekts<\/p>\n\n\n\n

Grenzen<\/p>\n\n\n\n

Draw.io ist ein Diagramm- und Grafik-Editor, kein Spezialwerkzeug f\u00fcr jede erdenkliche Anwendung. So verf\u00fcgt die Software beispielsweise \u00fcber keinen automatisierten Mechanismus zum Erstellen von Zeitleisten oder chronologischen Achsen \u2013 grafische Timelines lassen sich zwar manuell mit den verf\u00fcgbaren Formen nachbauen, jedoch nicht als funktionales Diagramm-Objekt generieren. Ebenso wenig ist Draw.io ein Ersatz f\u00fcr professionelle Vektorgrafik-Software, Projektmanagement-Tools oder CAD-Programme. Wer diese Spezialfunktionen ben\u00f6tigt, wird um dedizierte Anwendungen nicht herum kommen. F\u00fcr den weiten Bereich der Diagrammerstellung, Mindmaps, Grundrisse und vieles mehr ist Draw.io jedoch ein exzellentes Werkzeug.<\/p>\n\n\n\n

Fazit<\/p>\n\n\n\n

Draw.io ist ein kostenloses, quelloffenes und \u00e4u\u00dferst vielseitiges Tool, das sich sowohl im Browser als auch als Desktop-Programm nutzen l\u00e4sst. Die vielen Installationsm\u00f6glichkeiten (Flatpak, AppImage, DEB, RPM, Snap und Web-App) machen die Anwendung auf nahezu jeder Linux-Distribution zug\u00e4nglich. 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\u00fcrfnissen ab.<\/p>\n\n\n\n

Das Grundriss-Beispiel zeigt anschaulich, dass der Editor auch f\u00fcr private Planungsaufgaben jenseits klassischer Diagramme eine wertvolle Hilfe ist. F\u00fcr private und semiprofessionelle Zwecke ist Draw.io eine empfehlenswerte, kostenfreie Alternative zu kommerziellen Grafik- und Diagramm-Tools.<\/p>\n\n\n\n

Titelbild: Image by photoroyalty on Magnific<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Draw.io ist ein kostenloser Open-Source-Grafik-Editor zum Erstellen verschiedenster Arten von Diagrammen und Zeichnungen. Die Software eignet sich f\u00fcr Flussdiagramme, Mindmaps, Organigramme, Netzwerkpl\u00e4ne, Wireframes, UML-Diagramme und nicht zuletzt auch f\u00fcr Grundrisse. Dieser Beitrag fasst zwei \u00e4ltere Artikel der Linux-Bibel zusammen, aktualisiert die Installations- und Bedienungshinweise auf den aktuellen Stand und zeigt anhand eines Grundriss-Beispiels, wie vielseitig […]<\/p>\n","protected":false},"author":7,"featured_media":25017,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[657],"tags":[150,1247,1768,1773,1761,1763,151,1764,1770,152,88,1762,1766,1765,1769,1772,1767,1771],"class_list":["post-25005","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-grafik","tag-diagramme","tag-draw-io","tag-flowcharts","tag-flussdiagramme","tag-grafik-editor","tag-grundrisse","tag-mindmaps","tag-mockup","tag-netzwerkplaene","tag-organigramm","tag-pdf","tag-planen","tag-shapes","tag-venndiagramme","tag-visualisierung","tag-wireframes","tag-zeichenelemente","tag-zeichnungen"],"_links":{"self":[{"href":"https:\/\/linux-bibel.at\/index.php\/wp-json\/wp\/v2\/posts\/25005","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/linux-bibel.at\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/linux-bibel.at\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/linux-bibel.at\/index.php\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/linux-bibel.at\/index.php\/wp-json\/wp\/v2\/comments?post=25005"}],"version-history":[{"count":6,"href":"https:\/\/linux-bibel.at\/index.php\/wp-json\/wp\/v2\/posts\/25005\/revisions"}],"predecessor-version":[{"id":25020,"href":"https:\/\/linux-bibel.at\/index.php\/wp-json\/wp\/v2\/posts\/25005\/revisions\/25020"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/linux-bibel.at\/index.php\/wp-json\/wp\/v2\/media\/25017"}],"wp:attachment":[{"href":"https:\/\/linux-bibel.at\/index.php\/wp-json\/wp\/v2\/media?parent=25005"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/linux-bibel.at\/index.php\/wp-json\/wp\/v2\/categories?post=25005"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/linux-bibel.at\/index.php\/wp-json\/wp\/v2\/tags?post=25005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}