> ## 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).

# Diagrameditor

# 🖼️ **Diagrameditor**
> **"Ontwerp diagrammen op uw eigen manier."**
> *Ga verder dan automatische afhankelijkheidsgrafieken met een volledig geïntegreerde editor.*
---
## 1️⃣ Waarom de diagrameditor gebruiken?
Hoewel Brainframe **automatisch afhankelijkheidsvisualisaties kan genereren** (zie [Afhankelijkheidsbeheer](https://docs.brainframe.com/en/article/dependency-tracking-1f1x6ax/)), heeft u soms **volledige ontwerpcontrole** nodig.
📌 Daarom integreert Brainframe de opensourcetool **Draw.io** — waarmee u rechtstreeks in Brainframe diagrammen kunt maken en bewerken.
* Alle wijzigingen worden automatisch opgeslagen.
* Versiebeheer werkt net zoals bij elk ander document.
---
## 2️⃣ Een nieuw diagram maken
![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/2/6/3f26ce462760bc00/screenshot-2026-07-08-at-11085_q8wn64.png =257xauto)
1. Klik op **Nieuw** en selecteer het pictogram **Diagram**.
2. Voer een **titel** in voor uw diagram.
3. Er wordt een nieuw **Diagram-/stroomdiagramdocument** aangemaakt en geopend in de geïntegreerde Draw.io-editor.
![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/2/6/3f26ce462760bc00/1_1hmld6n.png =676xauto)
Binnen de Draw.io-editor vindt u:
1. **Werkbalk met vormen (Toolbox)** – Vormen en elementen om naar het canvas te slepen.
2. **Tekenbord** – Belangrijkste werkruimte om diagrammen te ontwerpen.
3. **Opmaakpaneel** – Elementen aanpassen (grootte, kleur, labels, enz.).
4. **Automatisch opslaan** – Slaat automatisch op na een paar seconden (zonder een nieuwe versie aan te maken).
5. **Nieuwe versie maken** – Handmatig een versie met tijdstempel opslaan.
6. **Versielijst** – Alle opgeslagen versies bekijken voor auditdoeleinden.
📌 *Gebruik **handmatige versies** om mijlpalen in de levenscyclus van uw diagram te markeren.*
---
## 3️⃣ Diagrammen toevoegen aan bestaande documenten
U kunt ook diagrammen aan bestaande bestanden koppelen via het **actiemenu van de mapinhoud**.
Voorbeeld: Een **processtroomdiagram** toevoegen aan een Word-bestand voor context.
![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/2/6/3f26ce462760bc00/screenshot-2026-07-08-at-11153_1cdx203.png =614xauto)
| Wist u dat Brainframe binnen de OnlyOffice-editor ook Draw.io integreert? Hiermee kunt u diagrammen rechtstreeks in Word-documenten toevoegen en onderhouden — zonder van tool te hoeven wisselen.
---
## 4️⃣ Best practices
* 📌 Gebruik Draw.io voor **processtromen** en **architectuurdiagrammen**, aanvullend op de diagrammen die automatisch worden gegenereerd door afhankelijkheidsgrafieken, voor een compleet architectuuroverzicht.
* 💡 Sla **handmatige versies** op bij belangrijke mijlpalen (bijv. goedgekeurde diagrammen).
* 🔗 Koppel diagrammen aan relevante documenten (bijv. beleid, procedures).
---
### **🎯 Visuele checklist**
* [x] Nieuw diagram aangemaakt in map
* [ ] Handmatige versie opgeslagen voor mijlpaal
* [ ] Diagram gekoppeld aan bestaand document