ダイアグラム作成のOSS比較【2026年版】draw.io・MermaidでLucidchart代替を構築

Lucidchart（$10/月）やFigma等の有料ダイアグラムツールの代わりに、OSSのダイアグラムツールでシステム図・フローチャート・ER図を作成できます。特に「コードでダイアグラムを書く」（Diagrams as Code）アプローチが2026年のトレンドです。

ダイアグラムツールの2大アプローチ

アプローチ	例	特徴
GUIドラッグ&ドロップ	draw.io・Excalidraw	直感的・ビジュアル
コード記述（Diagrams as Code）	Mermaid・PlantUML・D2	Gitで管理・自動生成

OSS ダイアグラムツール比較表

ツール	種類	対応図	特徴
draw.io（diagrams.net）	GUI	全般	最も多機能・VSCode拡張あり
Mermaid	コード	フロー・シーケンス・ER	Markdown埋め込み可・GitHub対応
Excalidraw	GUI	フリーハンド	手書き風・リアルタイム共同編集
PlantUML	コード	UML全般	Java製・UML標準
D2	コード	全般	最新・Terrastruct製・美しい

draw.io：最もポピュラーなOSS GUIダイアグラム

draw.io（公式サイト↗・GitHub↗）は最も多機能なOSSのGUIダイアグラムツールです。ブラウザで動作し、VS Code拡張でIDEからも使えます。Confluenceプラグインもあります。

デザイン関連OSSはデザインカテゴリから。ドキュメント・Wikiとの組み合わせはナレッジ管理カテゴリも参照。

Mermaid：Markdownに埋め込めるコードダイアグラム

Mermaid（公式サイト↗・GitHub↗）はMarkdown内に埋め込めるコードダイアグラムOSSです。GitHubのMarkdownで公式サポートされており、Notion・Obsidian・GitLab等でも使えます。

graph TD
    A[ユーザー] --> B[ブラウザ]
    B --> C[Nginx]
    C --> D[Next.js]
    D --> E[Supabase]

詳しくはMermaid公式ドキュメント↗およびdraw.io公式サイト↗を参照。

D2：次世代のDiagrams as Code

D2（公式サイト↗・GitHub↗）はGo製の次世代Diagrams as Codeツールです。シンプルな構文で美しい図を生成でき、複数のレイアウトエンジン（ELK・Dagre等）を選択できます。

まとめ

2026年のOSSダイアグラムツール：GUIならdraw.io、コード管理ならMermaid（GitHub連携）またはD2（高品質出力）が最適です。

よくある質問（FAQ）

Q. draw.ioはセルフホストできますか？

はい。draw.ioはDockerでセルフホスト可能です。docker run -p 8080:8080 jgraph/drawioでローカル起動できます。

Q. MermaidとPlantUMLどちらを選ぶべきですか？

新規導入ならMermaidがおすすめです。GitHubネイティブ対応・Markdownへの埋め込み・AI（ChatGPT等）での生成が容易です。PlantUMLはUMLの厳密な仕様準拠が必要な場合に適しています。

Q. AIでダイアグラムを自動生成できますか？

ChatGPT・Claude等のAIはMermaid形式のダイアグラムを生成できます。「システム図をMermaid形式で書いて」と指示するとそのままVS CodeやGitHubに貼り付けられます。