Diagramme mit draw.io und KI

Automatisch generierte Diagramme

Automatisch generierte Diagramme sind genial — zum Beispiel mit Mermaid.js oder PlantUML. Beide erlauben es, anhand einer textbasierten Beschreibung ein ganzes Diagramm zu generieren.

Es ist einfach und schnell.

Einziger Nachteil: Das Layout des Diagramms wird auch automatisch generiert und ist schwer zu beeinflussen.

Volle Kontrolle mit Diagramm-Tool draw.io

Um volle Kontrolle über das Layout eines Diagramms zu erhalten, muss man das Diagramm von Hand erstellen.

Ein geniales Diagramm-Tool dafür ist draw.io.

Es ist mächtig, in der Online- und Desktop-Version kostenlos nutzbar, kann lokal installiert werden und ist auch als Integration für Confluence verfügbar.

Einziger Nachteil: Man muss alles von Hand gestalten.

Oder vielleicht doch nicht?

Draw.io + KI

Letzte Woche habe ich mir die Frage gestellt, ob man draw.io mit einer AI verbinden könnte? Am gleichen Tag habe ich es getestet und es hat funktioniert!

Anleitung: Draw.io Diagramm mit KI

1. Prompt in der KI:

Erstelle mir das XML für ein draw.io-Diagramm, das den Entscheidungsprozess eines Fahrers zeigt, wenn er sich einer Kreuzung nähert.

2. Antwort der KI:

<mxfile host="app.diagrams.net">

<diagram name="Kreuzung - Entscheidungsprozess" id="kreuzung-entscheidungsprozess">
<mxGraphModel dx="1200" dy="900" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1100" pageHeight="850" math="0" shadow="0">

<root>
<mxCell id="0"/>

...
...
...

</diagram>
</mxfile>

3. Datei speichern und importieren

Danach speichere ich das XML in eine Datei und importiere es in draw.io:

4. Manuelle Nachkorrekturen – und Bingo!

Das Bild hat noch ein paar Unschönheiten, die ich kurz von Hand nach meinen Vorstellungen anpasse und schon ist das Diagramm fertig!

Fazit

  • Draw.io ist genial, um Diagramme präzise zu gestalten
  • Dank der XML-Importfunktion kann man mit KI schnell brauchbare Diagramme erzeugen
  • Bei Bedarf kann man das Diagramm von Hand anpassen

Wieder mal ein Fall, wo man „z’Füfi und z’Weggli“ kriegt 😁!

Nach oben scrollen