Notion AIでMermaidシーケンス図を作成する

概要

Notionのネイティブ機能では作画はできませんが、コードブロックで言語をMermaidに設定すると、フローやグラフ、タイムラインなどが作成できます。

ここでは、シーケンス図をNotion AIに作成してもらう例を紹介します。

プロンプト文

Notionのアカウント購入の決済フローを教えてください。Mermaid記法のシーケンス図で表してください。

出力結果例

上記のプロンプトを入力すると、まずは以下のようにNotion AIによる解説を含む結果が出力されます。

この時点では、コードブロックの言語はまだ「Plain Text」になっているため、左上のプルダウンから手動で「Mermaid」へと切り替える必要があります。

そうすると、このようにシーケンス図が生成されます。

言語がMermaidに設定されている時は、言語選択の横の「分割」と表示されているプルダウンで、表示方法を選択できます。

• コード： 上のスクリーンショットの上半分、文字のみが表示された状態となります。
• プレビュー： 上のスクリーンショットの下半分、図のみが表示された状態となります。
• 分割： 上のスクリーンショットの状態となります。