Notionで、フローチャートなどの図を描きたい――そんな時に使う、Mermaidを解説します。
この記事でわかること
- Mermaidの使い方
- 作れる図
- 確認できていないこと
結論から言うと、コードブロックの言語で、「Mermaid」を選ぶと、図を描けます。
1. 使い方
コードブロックを作り、言語で「Mermaid」を選びます。表示は、「プレビュー」または「分割(Split)」に切り替えられます。公式のリリースノートは、2021年12月23日の更新です。
2. 作れる図
公式のリリースノートには、フローチャート、円グラフ、ユーザージャーニー図などが挙げられています。
3. 確認できていないこと
- 「/mermaid」のスラッシュコマンド
- 対応する図の種類の、完全な一覧
- 制限事項
- 「コード」「プレビュー」「分割」の3つのモード(公式のヘルプ本文には記載がありません)
4. 関連する記事
組織図については、別記事「Notionで組織図を作る方法」をご覧ください。
まとめ
- コードブロックの言語で、Mermaidを選ぶ
- プレビューか分割で表示する
- 詳しい仕様は、確認できていない
よくある質問(FAQ)
Q. どんな図が描けますか?
フローチャート、円グラフ、ユーザージャーニー図などです。
Q. 画像として保存できますか?
確認できていません。
Q. ロジックツリーには使えますか?
別記事「Notionでロジックツリーを作る方法」をご覧ください。

