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

# Editeur de diagrammes

# 🖼️ **Éditeur de diagrammes**
> **« Concevez des diagrammes à votre façon. »**
> *Allez au-delà des graphes de dépendances automatiques grâce à un éditeur pleinement intégré.*
---
## 1️⃣ Pourquoi utiliser l'éditeur de diagrammes ?
Bien que Brainframe puisse **générer automatiquement des visualisations de dépendances** (voir [Suivi des dépendances](https://docs.brainframe.com/en/article/dependency-tracking-1f1x6ax/)), vous avez parfois besoin d'un **contrôle total sur la conception**.
📌 C'est pourquoi Brainframe intègre l'outil open source **Draw.io** — vous permettant de créer et modifier des diagrammes directement dans Brainframe.
* Toutes les modifications sont enregistrées automatiquement.
* Le versioning fonctionne comme pour tout autre document.
---
## 2️⃣ Créer un nouveau diagramme
![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/2/6/3f26ce462760bc00/screenshot-2026-07-08-at-11085_q8wn64.png =257xauto)
1. Cliquez sur **Nouveau** et sélectionnez l'icône **Diagramme**.
2. Saisissez un **titre** pour votre diagramme.
3. Un nouveau **document Diagramme/Organigramme** est créé et ouvert dans l'éditeur Draw.io intégré.
![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/2/6/3f26ce462760bc00/1_1hmld6n.png =676xauto)
Dans l'éditeur Draw.io, vous trouverez :
1. **Boîte à outils** – Formes et éléments à glisser sur le canevas.
2. **Plan de travail** – Espace de travail principal pour concevoir les diagrammes.
3. **Panneau de mise en forme** – Personnaliser les éléments (taille, couleur, étiquettes, etc.).
4. **Enregistrement automatique** – Enregistre automatiquement après quelques secondes (sans créer de nouvelle version).
5. **Créer une nouvelle version** – Enregistrer manuellement une version horodatée.
6. **Liste des versions** – Consulter toutes les versions enregistrées à des fins de suivi d'audit.
📌 *Utilisez les **versions manuelles** pour marquer les jalons du cycle de vie de votre diagramme.*
---
## 3️⃣ Ajouter des diagrammes à des documents existants
Vous pouvez également joindre des diagrammes à des fichiers existants à l'aide du **menu d'actions du contenu du dossier**.
Exemple : Ajouter un **diagramme de flux de processus** à un fichier Word pour donner du contexte.
![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/2/6/3f26ce462760bc00/screenshot-2026-07-08-at-11153_1cdx203.png =614xauto)
| Saviez-vous que Brainframe intègre également Draw.io directement dans l'éditeur OnlyOffice ? Cela vous permet d'ajouter et de maintenir des diagrammes directement dans des documents Word — sans avoir à changer d'outil.
---
## 4️⃣ Bonnes pratiques
* 📌 Utilisez Draw.io pour les **flux de processus** et les **diagrammes d'architecture**, en complément de ceux générés par les graphes de dépendances automatiques, afin d'obtenir une vue d'architecture complète.
* 💡 Enregistrez des **versions manuelles** aux jalons clés (par ex. diagrammes approuvés).
* 🔗 Joignez les diagrammes aux documents pertinents (par ex. politiques, procédures).
---
### **🎯 Liste de contrôle visuelle**
* [x] Nouveau diagramme créé dans le dossier
* [ ] Version manuelle enregistrée pour un jalon
* [ ] Diagramme lié à un document existant