Smart Excalidraw:AI駆動のオープンソース智能ダイアグラム生成ツール
Smart Excalidraw:AI駆動のオープンソース智能ダイアグラム生成ツール紹介
Smart Excalidrawは、AI驱動のオープンソース智能チャート生成ツールです。主な機能は、大規模言語モデルを使って人の言葉を構造化されて編集可能なチャートに変換することです。作成される図はExcalidraw形式になっており、ユーザーはキャンバス上でスタイルやレイアウトを自分で調整でき、自動生成から手動編集までをまとめて行えます。通常のExcalidrawとの最大の違いは、まず大規模モデルがユーザーの説明を理解し、一度に構造が明確でレイアウトが整ったプロフェッショナルな図を作成し、その後でも元のキャンバス上で自由に調整できる点です。フローチャート、アーキテクチャ図、ER図などを素早く描きたい開発者、プロダクトマネージャー、アーキテクトなどに非常に適しています。

Smart Excalidrawの主な機能
一言でチャートを生成:「マイクロサービスアーキテクチャ図を描いて。ゲートウェイ、認証、注文サービスを含めて」のように入力すると、AIが自動的に適切なチャートタイプを選び、ノードの位置を配置し、線を接続します。
20種類以上のチャートに対応:フローチャート、シーケンス図、ER図、マインドマップ、インフォグラフィック、デプロイアーキテクチャ図などが含まれます。
智能な自動接続:独自のアルゴリズムで最適な接続点を自動的に見つけ、線の交差を減らし、複雑な図でも見やすくします。
Excalidraw完全互換:標準の.excalidrawファイルが生成されるため、Excalidrawで直接ドラッグしたり、色を変更したり、アイコンを追加したりできます。
設定がシンプルでデータはローカル保存:OpenAIまたはAnthropicのAPI Keyを一度入力するだけで、すべての設定とデータはブラウザ内に保存されます。Dockerでの一键ローカルデプロイにも対応しています。
Smart Excalidrawの使い方
オンラインで使用
公式サイトにアクセス:
👉https://smart-excalidraw.aizhi.site/
AIを設定:
右上の「配置LLM」(LLM設定)をクリック
プロバイダーを選択(AnthropicまたはOpenAI)
API Keyを入力(Claude Sonnet 4.5を推奨、最も效果好)
保存
指示を入力、例:
「ユーザー登録とログインのフローチャートを描いて」
「注文、商品、ユーザーを含むECサイトのER図を作成して」
「Kubernetesクラスターのアーキテクチャ図を設計して」
AIが自動的に図を生成し、キャンバス上で引き続き編集できます。
ローカルで実行
gitclonehttps://github.com/liujuntao123/smart-excalidraw-next.git cdsmart-excalidraw-next pnpminstall pnpmdev
次にhttp://localhost:3000を開きます
Smart Excalidrawの技術的特徴
複数モデルに対応:OpenAI、Anthropicなど主要なモデルをサポートし、Claude Sonnetシリーズの使用を推奨します。效果更佳。
智能な接続方式:接続点を計算する独自の仕組みを備え、自動的に線が交差しないようにし、図がより見やすくなります。
フロントエンドに保存:設定と一時データはブラウザ内に保存され、サーバーコストを節約し、プライバシー保護にも优れます。
新しいツールで構築:Next.js、Excalidraw、Tailwind CSSをベースにしており、ローカルでの変更や機能追加が容易です。
Smart Excalidrawの応用シナリオ
プロダクトプロトタイプの作成、アーキテクチャ図の描画、技術文書への図の挿入、チームでの共同作業などに适しています。デザイナーやエンジニアは言葉で欲しいものを説明するだけで、構造化された図をすぐに得られ、その後Excalidrawキャンバス上で詳細に调整できます。デザインレビューや文書作成、CIフローにも組み込めば、可視化作业をより迅速に行えます。
よくある質問
Q:どのモデルを使うのが最適ですか?
A:Claude Sonnet 4.5が推奨です。図の描画がより正確で、構造もより合理的になります。
Q:データはネット上に送信されますか?
A:いいえ、すべての内容はブラウザ内にのみ保存されます。
Q:AIが描いた図を編集できますか?
A:はい、生成されるのは通常のExcalidraw要素なので、自由にドラッグしたり、色を変更したり、テキストを追加したりできます。
Github:https://github.com/liujuntao123/smart-excalidraw-next
脚本プランナー▸
AIアプリ
AIニュース