Avec l’application Mermaid, vous pouvez facilement créer des diagrammes basés sur du code dans Miro.
Comment installer l’application
Installez l’application depuis la Marketplace de Miro ou en suivant ce lien. Vous pouvez également installer l’application en l’ajoutant simplement à la barre d’outils de création, comme indiqué ci-dessous. Vous devrez sélectionner une équipe Miro pour terminer l’installation.
⚠️ Les utilisateurs non-admins ne peuvent pas installer d’applications si cela n’est pas autorisé dans les paramètres de l’équipe.
Créer des diagrammes et les ajouter aux tableaux Miro
Une fois l’application installée, vous la verrez sur votre 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 de votre diagramme, ce dernier est actualisé dans la zone de prévisualisation sur la droite.
Modification d’un code de diagramme
L’application Mermaid dispose de plusieurs exemples de diagrammes disponibles dans le coin inférieur gauche. Vous pouvez en choisir un et le personnaliser pour vos besoins.
Modifiez 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
Pour en savoir plus sur la syntaxe utilisée par Mermaid, référez-vous à la documentation officielle. Vous pouvez également accéder à la documentation depuis le coin inférieur gauche du panneau de l’application.
Lorsque vous avez terminé votre diagramme, cliquez sur Add to board (Ajouter au tableau). Le diagramme sera ajouté au tableau en tant qu’image. Vous pouvez télécharger l’image ou partager le tableau contenant le diagramme avec vos collaborateurs.
Ajout d’un diagramme au tableau
Modifier des diagrammes
Vous pouvez également modifier les diagrammes Mermaid directement dans le tableau Miro.
- Cliquez sur le diagramme pour le sélectionner.
- Cliquez sur l’icône Mermaid dans la barre d’outils de création.
- L’éditeur Mermaid s’ouvre. Apportez vos modifications et cliquez sur Mettre à jour le diagramme.
- Vous reviendrez sur votre tableau Miro et votre diagramme sera mis à jour
Modifier un diagramme Mermaid dans Miro