Mit der Mermaid-App kannst du ganz einfach Code-basierte Diagramme in Miro erstellen.
Installieren der App
Installiere die App über den Miro Marketplace oder folge dem Link. Du musst ein Miro-Team auswählen, um die Installation abzuschließen.
⚠️ Nicht-Admin-Nutzer*innen können Apps nicht installieren, wenn dies in den Teameinstellungen nicht erlaubt ist.
Erstellen von Diagrammen und deren Hinzufügen zu Miro-Boards
Sobald die App installiert ist, erscheint sie in deiner Symbolleiste.
Die App verfügt über einen Standard-Beispielcode. Wenn du den Code zur Erstellung deines Diagramms änderst, wird das Diagramm im Vorschaubereich auf der rechten Seite aktualisiert.
Ändern eines Diagramm-Codes
Die Mermaid-App verfügt über mehrere Beispieldiagramme in der unteren linken Ecke – gerne kannst du die Beispiele in deiner Arbeit verwenden.
Ändere die Größe des Code-Editor-Fensters, indem du es von seinem rechten Rand aus ziehst.
Ändern der Größe des Code-Editors
Weitere Informationen über die Mermaid-Syntax findest du in der offiziellen Dokumentation. Du kannst die Dokumentation auch über die linke untere Ecke des App-Panels aufrufen.
Sobald du dein Diagramm fertiggestellt hast, klicke auf Zum Board hinzufügen. Das Diagramm wird dem Board als Bild hinzugefügt. Du kannst das Bild herunterladen oder das Board mit dem Diagramm mit deinen Teammitgliedern teilen.
Hinzufügen eines Diagramms zum Board