これで Mermaid のコードから図を作成し、Miro のネイティブな図形とコネクターとして編集できるようになりました。Mermaid が真の情報源として残るため、Miro、コードベース、AI ツール間で図を移動しても構造は保持されます。
- 貼り付け、ドロップ、または生成。Mermaid のコードをボードに貼り付けるか、.mmd または .mermaid ファイルをキャンバスにドラッグするか、サイドキック、フロー、または Miro MCP で図を生成できます。
- 双方向編集。ボード上で図を視覚的に変更すると Mermaid コードが更新され、コードを編集すると図が再レンダリングされます。図形とコードのハイライト表示、構文ハイライト、キャンバス上のエラー表示によりデバッグが容易になります。
- より充実した視覚的編集。フォーカスモードでは、図形パネルからまたは + ボタンで図形を追加し、図形をドラッグして接続・再接続でき、レイアウトパネルで方向、間隔、図形幅、テキストの折り返しを設定できます。
- より多くのダイアグラムの種類と図形。フローチャート、ステート図、シーケンス図、クラス図、ER図は Miro のネイティブ図形としてレンダリングされ、フローチャートは視覚的に編集できます。Miro は Mermaid v10 および v11 のすべてのフローチャート図形をサポートしているため、貼り付けたコードは意図した図形タイプを保持します。
詳細は Mermaid ダイアグラムの共同作成 を参照してください。