Personnes : Tous les utilisateurs
Forfaits : Tous les forfaits
Plateformes : Navigateur, application de bureau
REMARQUE : Les diagrammes Mermaid sont désormais intégrés nativement dans Miro. Consultez Créez des diagrammes Mermaid
Avec l’application Mermaid, vous pouvez facilement créer et intégrer des diagrammes riches basés sur du code directement dans vos tableaux Miro. Cela vous permet de visualiser des systèmes complexes, des workflows ou des structures de données à l’aide d’une syntaxe textuelle simple, ce qui facilite la collaboration et la compréhension.
Modifier le code d’un diagramme et voir l’aperçu se mettre à jour en temps réel
Installer l’application Mermaid
Vous pouvez installer l’application Mermaid depuis le Marketplace de Miro ou directement depuis la barre d’outils de création d’un tableau Miro.
Pour l’installer depuis le Marketplace de Miro :
- Accédez au Marketplace de Miro ou suivez ce lien direct vers l’application Mermaid.
- Sélectionnez une équipe Miro pour terminer l’installation.
Vous pouvez également installer l’application depuis la barre d’outils de création :
- Dans la barre d’outils de création située à gauche de votre tableau, sélectionnez Outils, médias et intégrations (+). Le panneau Outils, médias et intégrations s’ouvre.
- Dans l’onglet Outils, recherchez et sélectionnez Mermaid Diagrams.
- Le panneau de l’application Mermaid Diagrams s’ouvre et l’application est ajoutée à votre barre d’outils de création.
✏️ Remarque : Les utilisateurs non admins ne peuvent pas installer d’applications si l’installation d’applications est restreinte dans les paramètres de l’équipe.
Créer et ajouter des diagrammes aux tableaux Miro
Une fois installée, l’application Mermaid vous permet de générer des diagrammes à partir de code textuel et de les ajouter à votre tableau sous forme d’images.
Après l’installation, vous trouverez l’application Mermaid dans la barre d’outils de création. L’application propose un code d’exemple par défaut. Au fur et à mesure que vous modifiez le code pour créer votre diagramme, celui-ci se met à jour dans la zone de prévisualisation à droite, ce qui vous permet de voir vos modifications en temps réel.
L’application Mermaid inclut plusieurs diagrammes d’exemple, accessibles depuis le coin inférieur gauche du panneau de l’application. Vous pouvez en sélectionner un, puis le personnaliser selon vos besoins.
Vous pouvez modifier la taille du panneau de l’éditeur de code en faisant glisser son bord de droite.
Modification de la taille de l’éditeur de code
Lorsque vous avez terminé votre diagramme, cliquez sur Ajouter au tableau. Le diagramme sera ajouté à votre tableau en tant qu’image.
Ajout d’un diagramme au tableau
Modifier les diagrammes existants
Vous pouvez également modifier les diagrammes Mermaid qui sont déjà sur votre tableau Miro.
- Cliquez sur l’image du diagramme Mermaid sur votre tableau pour la sélectionner.
- Cliquez sur l’icône Mermaid dans le menu contextuel qui apparaît (ou trouvez-la dans la barre d’outils de création).
- L’éditeur Mermaid s’ouvrira avec le code du diagramme. Apportez vos modifications dans le panneau de l’éditeur de code.
- Cliquez sur Mettre à jour le diagramme.
- Vous reviendrez à votre tableau Miro et le diagramme sera mis à jour avec vos modifications.
Informations supplémentaires
Voici des ressources et informations complémentaires pour travailler avec les diagrammes Mermaid dans Miro.
Syntaxe et documentation de Mermaid
L’application Mermaid utilise une syntaxe spécifique pour générer des diagrammes à partir de texte. Pour obtenir des informations détaillées sur la syntaxe, y compris les types de diagrammes pris en charge et les options disponibles, consultez la documentation officielle de Mermaid. Vous pouvez également accéder à un lien vers cette documentation depuis le coin inférieur gauche du panneau de l’application Mermaid dans Miro.
Partage et export des diagrammes
Une fois qu’un diagramme Mermaid est ajouté à votre tableau, il est considéré comme une image. Vous pouvez télécharger cette image directement depuis le tableau si nécessaire. Pour collaborer avec d’autres, vous pouvez partager le tableau Miro contenant le diagramme.
Traitement des données
Le code source du diagramme et l’image résultante sont tous deux intégrés aux widgets du tableau Miro, de la même manière que les autres contenus du tableau. Cela garantit une compatibilité totale avec les fonctionnalités de collaboration et de gestion du contenu de Miro.
Toutes les données restent entièrement au sein de l’infrastructure de Miro. Rien n’est partagé ni transmis en dehors de l’environnement Miro. Toutes les données générées par l’application sont chiffrées avec les clés du client via la gestion des clés de chiffrement (EKM).