Ein Diagramm zeigt auf den ersten Blick, wie Dinge zusammenhängen. Aber manchmal steckt der wahre Wert nicht im Sichtbaren – sondern im Verborgenen. So wie in einer Bibliothek, in der nicht der Buchrücken zählt, sondern das, was zwischen den Seiten steht: Verknüpfungen, Zusatzinfos, Orientierung.

Genauso funktioniert es mit draw.io. Oft liegt mehr verborgen, als es auf den ersten Blick scheint: Hinweise, Links, dynamische Inhalte. Nimm benutzerdefinierte Eigenschaften in draw.io, wie Tooltips, Links und Platzhaltern, und du machst aus statischen Visualisierungen echte Info-Hubs! 

Mehr als nur Formen: So nutzt du Metadaten in draw.io richtig

Klar – die Basics hast du drauf. Du ziehst eine Form auf die Arbeitsfläche, passt Farbe, Größe und Stil an, vielleicht noch ein paar Pfeile dazu – fertig. Aber wusstest du, dass draw.io noch einiges mehr auf dem Kasten hat?

Formen können nämlich mehr, als nur gut aussehen. Unter der Oberfläche schlummern sogenannte benutzerdefinierte Eigenschaften, wie Metadaten, mit denen du Informationen hinterlegen, Tooltips anzeigen oder sogar die aktuelle Seitenzahl in einem mehrseitigen Diagramm ausgeben kannst.

In diesem Blogpost schauen wir uns gemeinsam an, welche Arten von Custom Properties es gibt und wie du sie clever in deinen Diagrammen einsetzt.

1. Tooltips – zusätzliche Infos, ganz ohne Chaos

Ein Klassiker unter den benutzerdefinierten Eigenschaften sind Tooltips. Damit gibst du deinen Shapes oder Verbindungen zusätzliche Infos mit – ohne dein Diagramm zu überladen. Beim Überfahren mit der Maus wird der Text als kleines Infofeld eingeblendet – in der Bearbeitungsansicht genauso wie in der Confluence-Vorschau.

So fügst du einen Tooltip hinzu:

1. Rechtsklick auf die gewünschte Form oder Verbindung.
2. Wähle Bearbeiten > Tooltip bearbeiten (oder nutze den Shortcut: Alt + Shift + T).
3. Gib deinen Text ein.
4. Klicke auf Übernehmen.

Fertig! Ab sofort sehen Nutzer*innen beim Überfahren des Elements deinen Tooltip – und das ganz ohne zusätzlichen Platzverbrauch im Diagramm.

Tooltips werden sowohl im draw.io-Editor als auch in der Confluence-Vorschau angezeigt.

2. Benutzerdefinierte Links – dein Diagramm als interaktive Navigation

In draw.io kannst du Formen mit Links versehen. Diese führen zu internen oder externen Webseiten, zu ganzen Confluence-Seiten oder sogar direkt zu bestimmten Überschriften innerhalb einer Seite. Benutzerdefinierte Links können auch auf andere Seiten eines Mehrseiten-Diagramms verweisen. Sie funktionieren damit wie kleine Navigationselemente, mit denen sich Betrachter*innen gezielt durch dein Diagramm bewegen können.

In wenigen Schritten zum benutzerdefinierten Link:

1. Rechtsklick auf die Form, die verlinkt werden soll.
2. Wähle Link bearbeiten (oder nutze Alt + Shift + L).
3. Wähle aus, was du verlinken möchtest:
   
   • Weblink/Hyperlink: Öffne das Dropdown-Menü bei „Link bearbeiten“ und füge den gewünschten Link ein – entweder per Copy and Paste oder ganz einfach per Drag and Drop. So verlinkst du deine Form direkt mit einer bestimmten Webseite.
   • Link zu einer Diagrammseite: Wenn du auf eine bestimmte Seite eines Mehrseiten-Diagramms verlinken möchtest, wähle diese einfach im Dropdown-Menü aus.
   • Link zu einer Confluence-Überschrift: Wenn du auf eine bestimmte Überschrift innerhalb einer Confluence-Seite verlinken möchtest, wähle diese im Dropdown-Menü „Confluence Page Anchor“ aus.

4. Klicke auf OK, um den Link zu speichern.

Verlinke auf andere Seiten deines Diagramms – so wird die Navigation zwischen mehreren Seiten zum Kinderspiel.

3. Platzhalter – dynamische Infos direkt in deiner Form

Hinweis: Bevor du Platzhalter nutzen kannst, musst du sie zunächst aktivieren – wie erfährst du weiter unten.

Platzhalter fügen deinen Shapes zusätzliche Informationen hinzu – ähnlich wie Variablen. In draw.io gibt es eine Reihe vordefinierter Platzhalter, mit denen du z. B. die Abmessungen einer Form, den Dateinamen des Diagramms oder das aktuelle Datum und die Uhrzeit automatisch anzeigen lassen kannst.

Ein Beispiel: %pagenumber% zeigt die Seitenzahl im aktuellen Mehrseiten-Diagramm an.

Platzhalter hinzufügen – so funktioniert’s:

1. Klicke mit der rechten Maustaste auf die Form und wähle Daten bearbeiten.
2. Setze ein Häkchen bei Platzhalter und klicke auf Übernehmen.
3. Doppelklicke auf die Form und gib den gewünschten Platzhalter ein.

Das Aktivieren der Option „Platzhalter“ unter „Daten bearbeiten“ ermöglicht es dir, vordefinierte Platzhalter zu verwenden.

Neben den vordefinierten Platzhaltern in draw.io kannst du auch eigene benutzerdefinierte Eigenschaften erstellen, die wie Platzhalter funktionieren. Mehr dazu findest du auf dieser englischsprachigen Seite: Mit Platzhaltern in Labels und Tooltips arbeiten.

Interaktive Diagramme mit draw.io – mehr als nur hübsche Formen

Diagramme sind wie gute Bücher: Sie geben dir nicht nur Informationen, sie führen dich durch komplexe Zusammenhänge – mit klaren Hinweisen, Querverbindungen und immer der richtigen Portion Kontext.

Mit benutzerdefinierten Eigenschaften holst du noch mehr aus deinen Diagrammen heraus. So sind Formen in draw.io vielseitig einsetzbar: Sie zeigen nicht nur Abläufe, sondern können zu kleinen Info-Hubs werden – mit Zusatzinfos, Links und dynamischen Inhalten, die deine Nutzer*innen gezielt durch ein mehrseitiges Diagramm führen.

Probiere Tooltips, benutzerdefinierte Links und Platzhalter einfach mal aus – und erlebe, wie lebendig und interaktiv deine Diagramme mit draw.io werden können!

Du willst tiefer in die Welt von draw.io eintauchen?

Dann schau auf unserer linktr.ee-Seite vorbei! Dort findest du unsere Social-Media-Kanäle, spannende Anwendungsbeispiele aus der Community und jede Menge hilfreiche Tipps und Tricks rund um draw.io.

Du nutzt draw.io noch nicht?

Dann überzeuge dich selbst – mit der kostenlosen 30-Tage-Testversion.

Oder buche direkt eine unverbindliche Demo mit unserem Customer-Success-Team und finde heraus, wie draw.io deinen Arbeitsalltag (und den deines Teams – intern wie extern) einfacher und produktiver macht!

Happy diagramming!

Weiterführende Infos

draw.io auf der Atlassian Team ’25 – dein Traumprojekt greifbar machen
Gebaut für Erfolg – so arbeitet ein multifunktionales Team
Agil gebaut – mit draw.io und Jira zu maximal effizienten Sprints
Vom Entwurf bis zum Erfolg: Mit draw.io-Diagrammen Workflows und Prozesse kreativ skizzieren
Erster! draw.io ist die erste Diagramm-App in Forge