Draw.io-Diagramme von Miro

Personen: Alle Nutzer
Pläne: Free, Starter, Business, Education und Enterprise
Plattformen: Browser, Desktop

Mit der von Miro entwickelten App Draw.io-Diagramme kannst du verschiedene Arten von Diagrammen erstellen und gemeinsam daran arbeiten, indem du funktionsübergreifende Teams, Projekte und technische Dokumente in einem einzigen Arbeitsbereich zusammenführst. Dieses Tool eignet sich ideal zum Erstellen technischer Diagramme wie UML und ERD, zum Entwerfen von Server-Racks und zur Visualisierung von Netzwerk- und Cloud-Architekturen.

Hauptfunktionen von Draw.io-Diagrammen

Du kannst deinen Diagramm-Workflow mit einer Reihe erweiterter Funktionen der App Draw.io-Diagramme vereinfachen. Diese Funktionen ermöglichen mehr Anpassungsmöglichkeiten, höhere Effizienz und die Integration in deine bestehenden Workflows.

• Auf über 50 Formensammlungen zugreifen, darunter ArchiMates Unternehmensarchitektur, Stromkreise und Grundrisse, und in Open-Source-Symbolbibliotheken nach Formen suchen.
• Diagramme aus draw.io, Visio und Lucidchart importieren.
• Leistungsstarke Funktionen wie Ebenen, Tags, intelligente Container, automatisches Layout und Form-Metadaten nutzen.
• Text mit HTML formatieren und mathematischen Schriftsatz in Labels verwenden.
• Erstelle Diagrammtext mit PlantUML, Mermaid-Code, CSV-Tabellendaten und Formatierungsinformationen oder SQL-Code.
• Erstelle Diagramme aus Textbeschreibungen mithilfe der intelligenten Vorlagen von draw.io.

✏️ Enterprise Admins können die App Draw.io-Diagramme in ihren App-Einstellungen zur Liste zugelassener Apps hinzufügen.

Erste Schritte mit Draw.io-Diagrammen

Dieser Abschnitt zeigt dir, wie du die App Draw.io-Diagramme auf deinem Miro-Board aufrufst und einrichtest, damit sie für deine Diagramme sofort verfügbar ist.

Starte die App Draw.io-Diagramme

Um mit Draw.io-Diagrammen zu beginnen, musst du es zuerst aus der Symbolleiste deines Miro Boards starten. Gehe wie folgt vor:

1. Gehe zur Erstellungssymbolleiste auf der linken Seite deines Boards.
2. Klicke auf das Symbol Tools, Medien und Integrationen (+) und suche nach Draw.io-Diagramme.
3. Starte die App Draw.io-Diagramme.

Starten der App Draw.io-Diagramme aus der Erstellungssymbolleiste

Draw.io-Diagramme an die Symbolleiste pinnen

Für einen einfacheren Zugriff kannst du die App Draw.io Diagrams direkt an deine Erstellungssymbolleiste anheften. Hier erfährst du, wie:

1. Nachdem du in der Symbolleiste nach der App gesucht hast, fahre in den Suchergebnissen mit dem Mauszeiger über die App Draw.io Diagrams.
2. Klicke auf das Symbol An die Symbolleiste anheften.

Die App Draw.io Diagrams an die Symbolleiste anheften

Diagramme mit Draw.io erstellen

Die App Draw.io Diagrams bietet dir flexible Einstiegsmöglichkeiten für deine Diagramme: Du kannst mit einem leeren Canvas beginnen oder vorgefertigte Vorlagen verwenden. Außerdem kannst du vorhandene Diagramme aus verschiedenen Quellen einbinden.

💡 Du kannst deine bestehenden Draw.io-Diagramme zu einem Miro-Board hinzufügen. Erfahre, wie du Draw.io-Diagramme importierst.

Neues Diagramm erstellen

Um ein Diagramm von Grund auf zu erstellen, gehe wie folgt vor. Diese Methode bietet dir ein leeres Canvas für deine eigenen Entwürfe.

✏️ Mit den Linealen, dem anpassbaren Raster und den Positionierungslinien von Draw.io kannst du schneller Diagramme erstellen.

1. Starte die App Draw.io Diagrams.
2. Du erhältst ein leeres Canvas, auf dem du mit deinem Diagramm beginnen kannst. Du kannst draw.io-Dateien auch per Drag-and-Drop auf das draw.io-Canvas ziehen.
3. In der linken Seitenleiste siehst du verschiedene Formkategorien.
4. Klicke und ziehe Formen (z. B. ein Rechteck oder eine Ellipse) aus der Seitenleiste auf das Canvas.
5. Füge bei Bedarf weitere Formen und Verbindungslinien hinzu, um dein Diagramm zu vervollständigen. Du kannst außerdem weitere Elemente wie Textfelder, Bilder und mehr aus der linken Seitenleiste hinzufügen.
6. Wenn du fertig bist, klicke oben rechts in der App Draw.io Diagrams auf Speichern und schließen.

Ein neues Diagramm mit der App Draw.io Diagrams erstellen

Eine Vorlage auswählen

Wenn du lieber mit einer vordefinierten Struktur beginnen möchtest, kannst du aus verfügbaren Vorlagen wählen. So geht's:

1. Starte die Draw.io-Diagramme-App.
2. Klicke in der oberen Symbolleiste auf das Einfügen-Symbol (+).
3. Klicke auf Vorlage.
4. Wähle eine Vorlage aus.
5. Bearbeite die Vorlage nach Bedarf.
6. Wenn du fertig bist, klicke oben rechts auf Speichern und schließen.

Eine Vorlage aus der Draw.io-Diagramme-App auswählen

Diagramme bearbeiten

Sobald dein Diagramm auf dem Canvas innerhalb der Draw.io Diagrams-App liegt, kannst du seine Komponenten auf verschiedene Arten bearbeiten, um Struktur und Erscheinungsbild zu verfeinern.

Formen verbinden

Das Verbinden von Formen ist ein grundlegender Bestandteil beim Erstellen von Diagrammen. Befolge diese Anweisungen, um Verbindungslinien zu erstellen und anzupassen:

1. Bewege den Mauszeiger über eine Form. Es werden kleine Verbindungspunkte angezeigt.
2. Klicke und ziehe von einem dieser Verbindungspunkte aus zu einer anderen Form, um eine Verbindungslinie herzustellen.
3. Klicke auf eine Verbindungslinie, um sie anzupassen. Im rechten seitlichen Feld kannst du den Stil der Verbindung ändern (gerade, gebogen usw.), Pfeilspitzen oder andere Endpunkte hinzufügen und die Farbe und Dicke der Linie anpassen.

Formen in der Diagramm-App draw.io verbinden

Labels zu Formen und Verbindungen hinzufügen

Um deinen Diagrammelementen Textinformationen hinzuzufügen, kannst du Formen und Verbindungen beschriften. So geht's:

1. Doppelklicke auf die Form oder die Verbindung und beginne zu tippen.
2. Formatiere das Label über das Textmenü auf der rechten Seite des Canvas. Du kannst Schriftstil, Farbe, Ausrichtung und Höhe ändern.

In der Diagramm-App draw.io Labels zu Formen hinzufügen

Objekte verschieben, in der Größe verändern und löschen

Du kannst Objekte auf deinem Canvas ganz einfach bearbeiten. Diese Schritte erklären, wie du sie verschiebst, in der Größe änderst oder löschst:

1. Um eine Form oder Verbindungslinie zu verschieben, klicke und ziehe sie an die gewünschte Position.
2. Um die Größe einer Form zu ändern, klicke darauf und ziehe einen der kleinen blauen Kreise.
3. Um ein Objekt zu löschen, wähle es aus und drücke die Löschtaste auf deiner Tastatur oder klicke in der oberen Symbolleiste auf das Symbol Löschen.

Verschieben, Ändern der Größe und Löschen eines Objekts in der App Draw.io Diagrams

Form-Metadaten bearbeiten

Du kannst deinen Formen wichtige Details als Metadaten hinzufügen, um sie informativer zu machen. Gehe wie folgt vor:

1. Starte die App Draw.io-Diagramme.
2. Wähle eine Form in deinem Diagramm aus.
3. Klicke mit der rechten Maustaste auf die Form und wähle Daten bearbeiten.
4. Es wird ein Dialogfeld mit den Metadaten der Form geöffnet. Die Namen der Eigenschaften stehen auf der linken Seite und ihre Werte auf der rechten.
5. Füge Schlüssel-Wert-Paare für die Informationen hinzu, die du mit der Form verknüpfen möchtest.
6. Klicke auf Anwenden, um die Metadaten in deiner Form zu speichern.
7. Bewege den Mauszeiger über die Form, um ihre Metadaten anzusehen.

Form-Metadaten bearbeiten

Ebenen zu deinem Diagramm hinzufügen

Ebenen verbessern die Organisation und Übersichtlichkeit deiner Diagramme und ermöglichen es dir, verschiedene Bereiche getrennt zu bearbeiten oder anzusehen. Das ist besonders nützlich bei komplexen Projekten.

1. Öffne dein Diagramm in der App Draw.io Diagrams.
2. Klicke auf Ansicht, und wähle Ebenen, um das Dialogfeld „Ebenen“ anzuzeigen.
3. Um eine neue Ebene hinzuzufügen, klicke auf das Plus-Symbol (+) unten im Dialogfeld „Ebenen“.
4. Um den Namen der Ebene zu bearbeiten, doppelklicke auf die Ebene, bearbeite den Text und klicke Umbenennen.
5. Wähle die Ebene aus, um sie für das Hinzufügen oder Bearbeiten von Elementen aktiv zu machen.
6. Um eine Ebene ein- oder auszublenden, klicke auf das Auge-Symbol neben dem Namen der Ebene.
7. Klicke auf Speichern und schließen, wenn du dein Diagramm fertig bearbeitet hast.

Ebenen in der Draw.io Diagrams-App hinzufügen

Formen und Formbibliotheken verwalten

Draw.io-Diagramme bietet umfangreiche Optionen zum Verwenden verschiedener Formensammlungen und zum Verwalten benutzerdefinierter Formen, damit du deine spezifischen Anforderungen an Diagramme erfüllen kannst.

Nutze eine breite Palette an Draw.io-Formensammlungen

Du kannst deine Möglichkeiten beim Erstellen von Diagrammen erweitern, indem du auf die umfangreiche Auswahl an Draw.io-Formensammlungen zugreifst. So fügst du sie hinzu:

1. Starte die App Draw.io-Diagramme.
2. Klicke auf Weitere Formen unten im Formen-Feld auf der linken Seite.
3. Sieh dir die Kategorien an und markiere die Kästchen neben den Formensammlungen, die du hinzufügen möchtest.
4. Klicke auf Übernehmen, um die ausgewählten Formensammlungen zu deinem Formen-Feld hinzuzufügen.

Auswahl einer draw.io-Formsammlung

Eigene Formen mit dem Notizblock hinzufügen

Um dein Arbeiten mit Diagrammen weiter anzupassen, kannst du personalisierte Formbibliotheken im Notizblock erstellen und integrieren. Gehe wie folgt vor:

1. Starte die App Draw.io-Diagramme.
2. Navigiere zu Ansicht.
3. Wähle Notizblock.
4. Der Notizblock öffnet sich im linken Feld.
5. Füge benutzerdefinierte Formen hinzu, indem du die Dateien per Drag & Drop auf den Notizblock ziehst.

Eigene Formen mit dem Notizblock hinzufügen

Eigene Formen im Notizblock bearbeiten

Sobald eigene Formen im Notizblock sind, kannst du sie bearbeiten. So geht's:

1. Klicke auf dem Canvas auf eine Form.
2. Klicke und ziehe die blauen Punkte, um die Größe der Form zu ändern.
3. Im rechten Seitenbereich kannst du die Form weiter anpassen, z. B. die Farbe der Form, den Text und die Größe.
4. Wenn du fertig bist, klicke auf die Form und dann auf das Plus-Symbol im Notizblock.
5. Die Form wird zu deinen benutzerdefinierten Formen hinzugefügt.

Benutzerdefinierte Formen mit dem Notizblock bearbeiten

Benutzerdefinierte Formen im Notizblock löschen und umbenennen

Du kannst deine benutzerdefinierten Formen im Notizblock löschen oder umbenennen. Gehe dazu wie folgt vor:

1. Klicke im Notizblock auf das Symbol mit dem Bleistift.
2. Um eine Form aus dem Notizblock zu löschen, klicke auf das x in der oberen rechten Ecke der Form.
3. Klicke auf das Textfeld unter einer Form, um einen Namen einzugeben. Standardmäßig sind die Formen, die dem Notizblock hinzugefügt werden, unbenannt.
4. Klicke auf Speichern, wenn du mit dem Bearbeiten fertig bist.

Löschen und Umbenennen von benutzerdefinierten Formen mit dem Notizblock

Benutzerdefinierte Formen als Formenbibliothek exportieren

Um deine benutzerdefinierten Formen anderswo zu verwenden oder zu teilen, kannst du sie als Formenbibliothek exportieren. So gehst du vor:

1. Klicke im Notizblock auf das Symbol mit dem Bleistift.
2. Klicke auf Exportieren, um deine benutzerdefinierten Formen als Formenbibliothek zu speichern.
3. Gib einen Dateinamen für deine benutzerdefinierte Formenbibliothek ein und wähle den Ort, an dem du die Datei speichern möchtest.
4. Klicke auf Speichern.

Benutzerdefinierte Formen als Formenbibliothek exportieren

Mit Visio-Diagrammen arbeiten

Draw.io Diagrams ermöglicht einen nahtlosen Wechsel zwischen Diagrammtools, sodass du mit deinen Visio-Diagrammen auf verschiedenen Plattformen arbeiten kannst, ohne Details zu verlieren. So importierst und exportierst du sie:

1. Starte die App Draw.io-Diagramme.
2. Um zu importieren, klickst du oben links auf Datei, gehst auf Importieren von und wählst Gerät. Du kannst deine Visio-Datei (VSDX) auch über einen der Cloud-Dienste im Menü hochladen.
3. Wähle die Visio-Datei (VSDX) von deinem Gerät aus und klicke zum Importieren auf Öffnen.
4. Um zu exportieren, klicke nach Fertigstellung deines Diagramms auf Datei, fahre mit dem Mauszeiger über Exportieren als und wähle Visio (VSDX).
5. Folge den Anweisungen, um den Exportvorgang abzuschließen.

Tipp: Du kannst deine Visio (VSDX)-Datei importieren und exportieren direkt ins Miro Diagram-Format.

Importieren und Exportieren von Diagrammen in der App Draw.io-Diagramme

Draw.io-Diagramme speichern, bearbeiten und exportieren

Dieser Abschnitt behandelt die wichtigsten abschließenden Schritte deines Diagramm-Workflows: das Speichern auf dem Miro Board, das nachträgliche Bearbeiten und das Exportieren deiner Diagramme in verschiedene Formate.

Dein draw.io-Diagramm speichern

Nachdem du Änderungen in der App Draw.io-Diagramme vorgenommen hast, musst du deine Arbeit auf dem Miro-Board speichern. Gehe wie folgt vor:

1. Wenn du mit den Änderungen an deinem Diagramm fertig bist, denke immer daran, auf Speichern und schließen in der oberen rechten Ecke der Draw.io-Diagramme-App zu klicken.
2. Die Draw.io-Diagramme-App wird geschlossen, und dein Diagramm erscheint automatisch auf deinem Miro-Board.

Ein Diagramm aus der App Draw.io-Diagramme speichern

Dein draw.io-Diagramm bearbeiten

So bearbeitest du ein Diagramm auf deinem Miro-Board:

1. Wähle auf deinem Miro-Board das Diagramm aus, das du bearbeiten möchtest.
2. Eine Symbolleiste wird angezeigt.
3. Klicke in der Symbolleiste auf das Bleistiftsymbol Bearbeiten.
4. Die Draw.io Diagrams App wird geöffnet und du kannst Änderungen am Diagramm vornehmen.

Ein Diagramm in der Draw.io Diagrams-App bearbeiten

Dein Draw.io-Diagramm exportieren

Du kannst dein Diagramm direkt aus der App in mehreren Formaten exportieren, darunter PNG, JPEG und PDF. Gehe dazu wie folgt vor:

1. Klicke auf Datei in der oberen linken Ecke der Draw.io Diagrams-App.
2. Bewege den Mauszeiger über Exportieren als.
3. Wähle das gewünschte Format aus und folge den Anweisungen.
4. Klicke auf Exportieren.

Ein Diagramm aus der Draw.io Diagrams-App exportieren

Referenzinformationen

Dieser Abschnitt enthält zusätzliche Details, einschließlich konkreter Einsatzbereiche und häufiger Fragen zu Draw.io Diagrams, damit du dieses Tool optimal nutzen kannst.

Wann solltest du Draw.io Diagrams verwenden?

Draw.io Diagrams ist besonders nützlich, wenn deine Projekte speziellere Anforderungen an Diagramme haben. Verwende es in diesen Fällen:

• Nischen-Formensammlungen: Zugriff auf spezielle Formen, sei es für komplexe elektrotechnische Diagramme oder das genaue Layout von Grundrissen.
• Anpassung: Erstelle deine eigenen Formensammlungen mit Visio (VSSX-Dateien) oder direkt in draw.io, um deine Diagramme genau an deine Bedürfnisse anzupassen.
• Nahtlose Integration: draw.io sorgt für reibungslose Kompatibilität mit den wichtigsten Diagrammtools wie Visio, Lucidchart und anderen. Mit Visio (VSDX) als Universalformat kannst du Inhalte mühelos teilen und gemeinsam bearbeiten.
• Wichtige Details bewahren: Bewahre wichtige Ebenen- und Form-Metadaten (den Text in deinen Diagrammen), damit detaillierte Informationen beim Migrieren von Visio, draw.io oder Lucidchart erhalten bleiben.

✏️ Diese App einer Drittanbieter-Plattform verwendet Open-Source-Code von Draw.io aus dem Github-Repository und wird sicher von Miro gehostet; es werden keine Daten mit Dritten geteilt. Draw.io ist für Beiträge geschlossen. Daher wird diese App der Drittanbieter-Plattform unverändert mit allen Fehlern und Bugs zur Verfügung gestellt und ohne jegliche Gewährleistung, Freistellung, Sicherheitsverpflichtungen oder Support jeglicher Art durch Miro oder Draw.io angeboten.

Häufige Fragen

Hier findest du Antworten auf einige häufige Fragen zur Verwendung der App Draw.io Diagrams in Miro.