本文へスキップ
ToolMug

Markdown からマインドマップ

AI にアウトラインを作ってもらい、ここに貼り付ければマインドマップになります。階層は # の見出しか - のリストで表し、編集しながら確認でき、資料やノート用に PNG で書き出せます。

ブラウザ内で動作 — 入力した内容はアップロードされません

# の見出しか - のリストを使います。インデントで階層が決まります。

マインドマップ

ChatGPT などの AI が作ったアウトラインを貼り付けるとマインドマップになります。ノードをクリックで折りたたみ・展開、スクロールで拡大縮小、ドラッグで移動できます。

使い方

  1. 左の欄に Markdown のアウトラインを入力または貼り付けます(# の見出しか - のリスト。インデントで階層が決まります)。
  2. 右側のマインドマップが更新されます。ノードをクリックで折りたたみ、スクロールで拡大縮小、ドラッグで移動できます。
  3. 「PNG をダウンロード」または「SVG をダウンロード」をクリックして保存します。

オプションの説明

AI からアウトラインを得るには
AI に「〇〇についてのマインドマップのアウトラインを Markdown のリストで書いて」と頼み、返ってきた回答をここに貼り付けます。
書き出し
PNG は白い背景で 2 倍の解像度で書き出されます。SVG はベクター形式なので、どんなサイズでも鮮明です。

アウトラインがツリーになる仕組み

マインドマップは、アウトラインの構造から作られます。このアウトラインは、

# Trip plan
## Travel
- Flights
- Hotel
## Budget
1. Transport
2. Food

Trip plan が中心になり、Travel と Budget が枝になります。Travel の下には Flights と Hotel が子として並び、Flights には「5 月までに予約」がぶら下がります。字下げされた項目は 1 段深い階層になるためです。番号付きの項目は、番号がノードのテキストの一部として残るので、Budget の枝には「1. Transport」「2. Food」と表示されます。

ほかに 2 つ知っておくことがあります。見出しのレベルを飛ばした場合 (# の直後の ### など) は、直前の見出しのすぐ下に置かれます。また、テキストに複数の # の見出しがある場合は、中心が空のノードになり、それぞれの見出しが主な枝になります。見出しの間にある普通の段落はノードになりません。それぞれの考えを、見出しか箇条書きの項目として書いてください。

よくある質問

ノードの色やスタイルは変えられますか?

いいえ。色はブランチごとに自動で割り当てられます。細かく調整したい場合は、SVG を書き出してデザインツールで編集してください。

内容はアップロードされますか?

いいえ。すべてお使いのブラウザ内で処理されます。

フローチャートのツールとは何が違いますか?

マインドマップは階層構造のアウトラインに向いています。フローチャートやシーケンス図には Mermaid エディタを使ってください。

プライバシー

このツールはすべてブラウザ内で動作します。ファイルやテキストはお使いの端末上で処理され、当サイトのサーバーにアップロードされることはありません。

関連ツール