> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.brainframe.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Diagramm-Editor

# 🖼️ **Diagramm-Editor**
> **„Gestalten Sie Diagramme auf Ihre Weise."**
> *Gehen Sie mit einem vollständig integrierten Editor über automatische Abhängigkeitsgraphen hinaus.*
---
## 1️⃣ Warum den Diagramm-Editor verwenden?
Obwohl Brainframe **Abhängigkeitsvisualisierungen automatisch generieren** kann (siehe [Abhängigkeitsverfolgung](https://docs.brainframe.com/en/article/dependency-tracking-1f1x6ax/)), benötigen Sie manchmal **volle gestalterische Kontrolle**.
📌 Deshalb integriert Brainframe das Open-Source-Tool **Draw.io** — damit können Sie Diagramme direkt in Brainframe erstellen und bearbeiten.
* Alle Änderungen werden automatisch gespeichert.
* Die Versionierung funktioniert genau wie bei jedem anderen Dokument.
---
## 2️⃣ Ein neues Diagramm erstellen
![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/2/6/3f26ce462760bc00/screenshot-2026-07-08-at-11085_q8wn64.png =257xauto)
1. Klicken Sie auf **Neu** und wählen Sie das Symbol **Diagramm**.
2. Geben Sie einen **Titel** für Ihr Diagramm ein.
3. Ein neues **Diagramm-/Flussdiagramm-Dokument** wird erstellt und im integrierten Draw.io-Editor geöffnet.
![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/2/6/3f26ce462760bc00/1_1hmld6n.png =676xauto)
Im Draw.io-Editor finden Sie:
1. **Werkzeugkasten** – Formen und Elemente, die Sie auf die Zeichenfläche ziehen können.
2. **Zeichenbrett** – Der Hauptarbeitsbereich zum Gestalten von Diagrammen.
3. **Formatierungsbereich** – Elemente anpassen (Größe, Farbe, Beschriftungen usw.).
4. **Automatisches Speichern** – Speichert automatisch nach wenigen Sekunden (ohne eine neue Version zu erstellen).
5. **Neue Version erstellen** – Manuell eine Version mit Zeitstempel speichern.
6. **Versionsliste** – Alle gespeicherten Versionen für die Audit-Nachverfolgung einsehen.
📌 *Verwenden Sie **manuelle Versionen**, um Meilensteine im Lebenszyklus Ihres Diagramms zu markieren.*
---
## 3️⃣ Diagramme zu vorhandenen Dokumenten hinzufügen
Sie können Diagramme über das **Aktionsmenü des Ordnerinhalts** auch an vorhandene Dateien anhängen.
Beispiel: Hinzufügen eines **Prozessablaufdiagramms** zu einer Word-Datei zur Kontextualisierung.
![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/2/6/3f26ce462760bc00/screenshot-2026-07-08-at-11153_1cdx203.png =614xauto)
| Wussten Sie schon, dass Brainframe innerhalb des OnlyOffice-Editors ebenfalls Draw.io integriert? So können Sie Diagramme direkt in Word-Dokumenten hinzufügen und pflegen — ohne das Tool wechseln zu müssen.
---
## 4️⃣ Bewährte Praktiken
* 📌 Nutzen Sie Draw.io für **Prozessabläufe** und **Architekturdiagramme** zusätzlich zu den durch automatische Abhängigkeitsgraphen erzeugten Diagrammen, um eine vollständige Architekturübersicht zu erhalten.
* 💡 Speichern Sie **manuelle Versionen** bei wichtigen Meilensteinen (z. B. genehmigte Diagramme).
* 🔗 Hängen Sie Diagramme an relevante Dokumente an (z. B. Richtlinien, Verfahren).
---
### **🎯 Visuelle Checkliste**
* [x] Neues Diagramm im Ordner erstellt
* [ ] Manuelle Version für Meilenstein gespeichert
* [ ] Diagramm mit vorhandenem Dokument verknüpft