⚡すべてのツール 💻開発者ツール 📝テキストツール 🎨デザインツール 🖼️画像・メディア 🔢計算ツール 🔒セキュリティ 📄PDFツール 📐単位変換

Markdown マインドマップ・構造図生成器

インデント付きのMarkdownアウトラインから、Canvas上にグラデーションカラーのマインドマップをリアルタイム生成。SVG/PNG対応。

大綱編集エリア（スペースによるインデント階層対応）：

💡 ヒント：2つの半角スペースによる字下げで階層構造を決定します。

🎮 操作：ホイールでズーム、ドラッグでキャンバスを平移できます

使い方

1 Markdown マインドマップ・構造図生成器を開き、処理する内容を入力、貼り付け、または選択します。
2 目的に合わせてオプションと出力形式を調整します。
3 結果を確認し、必要に応じてコピーまたはダウンロードします。

主な利用シーン

インデント付きのMarkdownアウトラインから、Canvas上にグラデーションカラーのマインドマップをリアルタイム生成。SVG/PNG対応。日常業務、開発、学習、簡易確認に利用できます。

プライバシーとデータ処理

このツールはブラウザで動作します。機密データを扱う前に、端末とブラウザの安全性を確認してください。

Markdown の箇条書きでマインドマップを描く：書き方・コツ・書き出し

マインドマップは中心のテーマから発想を木の枝のように広げる図で、ブレインストーミング、勉強ノートの整理、プロジェクト計画、プレゼンの構成づくりに役立ちます。ところがドラッグ操作のソフトでノードを 1 つずつ追加して位置を整えていると、考えること自体より時間がかかりがちです。このツールなら、慣れた Markdown の箇条書きをそのまま入力するだけ。左側に 1 行書くたびに、右側のマップにノードがすぐ追加されます。

書き方は簡単です。1 行目に中心テーマを書き、その下の階層は「- 」で始めてインデントし、さらに下の階層はもう一段インデントします。記号は -、*、+ のほか、1. 2. のような番号付きでも構いません。タブはスペース 2 つとして扱われます。階層は「前の行よりインデントが深いか浅いか」で判断されるので、同じ階層のインデント量をそろえるだけで OK です。ノードが違う場所にぶら下がるときは、タブとスペースの混在やインデント幅の不一致が原因であることがほとんどです。

描画後はマウスホイールで 0.3〜3 倍に拡大縮小し、ドラッグで移動できるので、大きなマップも見やすくなります。完成したら PNG で書き出してスライドやノート、SNS に貼ったり、SVG で書き出して拡大しても劣化しないベクターとして Figma や Illustrator で装飾し直したりできます。中心テーマ、第 1 階層、それより深い階層は色分けされ、構造がひと目で分かります。

テキストからマインドマップを作るもう一つの利点は、修正や保存のしやすさです。アウトラインをメモアプリや Notion、Git に保存しておけば、後で貼り直すだけで図を再生成できます。AI に箇条書きのアウトラインを作ってもらい、貼り付けて可視化するのもおすすめです。描画はすべてブラウザ内で行われ、内容はアップロードされません。