Draw.io ist ein leistungsstarker, browserbasierter Diagrammeditor, der Ideen in übersichtliche Visualisierungen verwandelt: Flussdiagramme, Organigramme, Netzwerkdiagramme, UML-Diagramme, Mindmaps und vieles mehr. Keine Installation, kein Aufwand: Formen per Drag & Drop einfügen, Verbindungen herstellen, mit Farbverläufen und Symbolen gestalten und anschließend als PNG, SVG oder PDF exportieren. Ideal für schnelles Brainstorming, Präsentationen im Unterricht, technische Dokumentationen oder Mockups für Game-Level-Designs.

Entwickelt für Geschwindigkeit und Übersichtlichkeit: Intelligentes Einrasten, wiederverwendbare Vorlagen, Tastenkombinationen und intuitive Verbindungsführung machen das Erstellen komplexer Diagramme zum Kinderspiel. Arbeiten Sie zusammen, indem Sie exportieren, importieren oder in der Cloud speichern. Ob Sie einen Lageplan skizzieren, eine Systemarchitektur planen oder eine Kurzanleitung erstellen. Draw.io erledigt es.

Spielanleitung

1. Start: Klicken Neues Diagramm erstellen oder öffnen Sie eine Vorlage (Flussdiagramm, UML, Mindmap, Netzwerk).
2. Formen hinzufügen: Ziehen Sie Formen aus dem linken Bedienfeld auf die Arbeitsfläche.
3. Verbinden: Bewegen Sie den Mauszeiger über den Griff einer Form und ziehen Sie ihn zu einer anderen Form, um automatisch Verbindungen zu erstellen.
4. Text bearbeiten: Doppelklicken Sie auf eine beliebige Form, um die Beschriftungen zu bearbeiten.
5. Stil: Über das rechte Bedienfeld können Sie Füllung, Kontur, Schriftart, Größe, Ausrichtung und Schatten ändern.
6. Arrangieren: Verwenden Sie Ausrichtungshilfen, verteilte Werkzeuge und Ebenen, um Ihr Layout übersichtlicher zu gestalten.
7. Exportieren/Speichern: Datei → Exportieren als PNG / SVG / PDF oder Speichern auf der lokalen Festplatte / Google Drive / OneDrive.

Bedienelemente

• Linksklick + ziehen: Formen bewegen
• Doppelklicken: Text bearbeiten
• Ziehen Sie am Formgriff: Konnektor erstellen
• Strg/Cmd + Z: Rückgängig machen
• Strg/Cmd + Y / Umschalt + Strg/Cmd + Z: Wiederholen
• Strg/Cmd + C / V: Kopieren / Einfügen
• Löschen / Rücktaste: Ausgewähltes Element entfernen
• Strg/Cmd + A: Alle auswählen
• Strg/Cmd + G / Umschalt + Strg/Cmd + G: Gruppieren / Gruppierung aufheben
• Pfeiltasten: Auswahl von Nudges
• Mausrad: Zoomen (oder Strg/Cmd + Mausrad)
• Leertaste + Ziehen: Pan-Leinwand

Merkmale

• Vorlagen: Flussdiagramme, UML-Diagramme, ER-Diagramme, Mindmaps, Netzwerkdiagramme
• Intelligente Steckverbinder mit orthogonaler Verlegung
• Ebenen- und Gruppierungsunterstützung für komplexe Diagramme
• PNG, SVG und PDF mit Option zum Exportieren mit transparentem Hintergrund exportieren
• Tastaturgesteuerter Workflow – schnell für Power-User
• Speichern und Laden von der lokalen Festplatte, Google Drive, OneDrive, Dropbox
• Der Offline-Modus (Browser-Caching) funktioniert auch ohne Internetverbindung.

Tipps & Tricks

• Nutzen Sie Vorlagen, um komplexe Diagramme schnell zu erstellen.
• Halten Schicht unter Beibehaltung der Proportionen durch Größenänderung.
• Verwenden Sie die Raster- und Fangoptionen für eine pixelgenaue Ausrichtung.
• Formen duplizieren mit Strg/Cmd + D um wiederkehrende Elemente zu beschleunigen.
• Verwenden Sie Ebenen, um Anmerkungen auszublenden oder vereinfachte Ansichten zu exportieren.
• Für Präsentationen exportieren Sie bitte SVG, um eine scharfe Skalierung zu gewährleisten.