フローチャートやアーキテクチャ図をブラウザだけで描けるツールです。ログイン不要で即起動でき、PNG や SVG へのエクスポートにも対応しています。
サービス
86
Excalidraw
エクスカリドロー
体験区分：触った
推奨読者レベル：Level 1-3
何をしてくれるか
どこで出会うか
AI に設計を相談する前の「整理メモ」として使われる場面が多いです。描いた図をスクリーンショットして Claude や ChatGPT に貼ると、図の意図ごと議論できます。
Before / After
2026.04·ready
「Excalidraw でアーキテクチャをラフに描いて、Claude に説明させました。」
Excalidrawの見方
87
この用語の見どころ
1
役割
ブラウザで動く手書き風ラフ図ツールです。
2
うれしさ
ログイン不要で即使えて、AI への説明下書きになります。
3
注意点
厳密な仕様書向けではなく、ラフを描く用途に限られます。
4
どこで役立つか
AI に設計を相談する前の図解整理に向いています。
5
はじめに
Web 版（excalidraw.com）でログイン不要の体験から始めます。
6
深掘り先
Mermaid、Figma、PlantUML
非エンジニアのつまずき
- 手書き風の見た目が好みではなく、最初の見た目で離脱しがちです。
- 何のために起動するか分かりづらく、触る動機が湧きません。
- Mac ユーザーが好んで使うイメージがあり、自分の環境に馴染むか不安です。
私のコメント
- 第一印象:AI 系の YouTuber が解説動画でよく画面に出していた印象が強かったです
- 良い点:無料でラフ図がブラウザ起動だけで描けるそうです
- ダメな点:Mermaid との差別化が掴めず使う動機が湧きません。
- 誰向けか:AI 系の YouTuber や、手書き風の見た目が好きな人向けです
開発フローでの位置
頭出し
AI 相談
修正
共有
チーム協働
関連用語
B-31·service
バイブコーディング図鑑