--- title: Diagrammes Mermaid slug: docs/fr/l9rL-diagrammes-mermaid description: Apprenez comment créer divers types de diagrammes, incluant les ERD, les UML, les classes et les séquences, grâce à l’intégration de Mermaid. Ce document explique comment accéder à Mermaid à l’aide d’un raccourci pratique ou d’une option de menu. Ne manqu createdAt: 2020-10-15T08:05:12.000Z --- Une autre option pour créer des diagrammes consiste à utiliser notre intégration [Mermaid](https://mermaid-js.github.io/mermaid/#/) . Mermaid est une syntaxe semblable au markdown pour créer des diagrammes, ERD, UML, classes, séquences et plus encore. Commencez simplement à écrire le raccourci `(mermaid)` ou ajoutez-le simplement depuis le menu `/`. Voyez-le en action dans notre exemple de diagramme ci-dessous 😄 ```mermaid sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts
prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good! ``` *** ::::LinkArray :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"} :FontAwesome[]{icon="fa-solid fa-cubes"} ** Trouver d’autres blocs** Découvrez de nouvelles façons et de nouveaux blocs pour créer des pages de documentation impressionnantes et fonctionnelles. [Voir tous les blocs](docId\:oSw7o7IGH93-6KHkyg-eL) ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"} :FontAwesome[]{icon="fa-solid fa-headset"}** Besoin d’aide ? ⬇️** Utilisez la **bulle de discussion** **bleue **dans le coin inférieur droit. Ou essayez **Chat IA** (depuis la barre de recherche) pour des réponses rapides. ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"} :FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}** Votre avis compte** Utilisez le formulaire de rétroaction ci-dessous, de façon anonyme. Ou posez une question dans la **section Q\&A** et notre équipe ou l’IA vous fournira une solution. ::: ::::