Smart Excalidraw:AI駆動のオープンソース智能ダイアグラム生成ツール

Smart Excalidraw:AI駆動のオープンソース智能ダイアグラム生成ツール 167

大規模言語モデルを用いて人の言葉を構造化・編集可能なダイアグラムに変換する、AI 搭載のオープンソース・ダイアグラム生成ツール。出力は Excalidraw 形式のため、ユーザーはキャンバス上でスタイルやレイアウトを自由に調整でき、自動生成から手動編集までを一気通貫で行えます。

#Ai工具箱 #Ai开源项目

Smart Excalidraw:AI駆動のオープンソース智能ダイアグラム生成ツール紹介

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

FSmart Excalidraw

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

Smart Excalidraw:AI駆動のオープンソース智能ダイアグラム生成ツール に関連するツール