weike-zhang/architecture-canvas

これは何？

主な機能

• 01アップロードした文書、スプレッドシート、PDF、画像をもとに、チャットを通じてアーキテクチャ図を生成します。
• 02ドラッグ操作、テキスト編集、元に戻す操作、インポートに対応した編集可能なExcalidrawキャンバス。
• 03画像を含む編集可能なファイルのほか、SVGやPNG形式で図を書き出せます。
• 04変更案を適用前に確認でき、選択したコンポーネントを固定できます。
• 05127.0.0.1上でローカル実行でき、セッションごとのデータはワークスペースフォルダーに保存されます。
• 06レンダラーや文書リーダーを組み込むためのPython SDKとMCP stdioサーバーを提供します。

ユースケース

• 要件書からシステムアーキテクチャ図の初稿を作成する。
• 手動で整えたレイアウトを保ちながら、会話を通じて既存の図を改善する。
• ローカルファイルをホスト型エディターに送信せず、編集可能なアーキテクチャ図を作成する。
• MCP経由でAIエージェントに文書読み取りや図のレンダリング機能を追加する。

クイックスタート

1. 1

   リポジトリをクローンする

   git clone https://github.com/weike-zhang/architecture-canvas.git
2. 2

   プロジェクトディレクトリに移動する

   cd architecture-canvas
3. 3

   アプリを起動する（初回起動時に依存関係のインストールとページのビルドが行われます）

   python3 start.py
4. 4

   ブラウザーでワークスペースを開き、「モデル設定」でモデルを設定する

使う前に知っておきたいこと

• !アルファ版のためローカルでのみ動作し、127.0.0.1 にバインドされます。複数ユーザーのアカウントには対応していません。
• !チャット、ドキュメント理解、図の生成には、tool calling に対応した API キー付きのモデルサービスが必要です。
• !生成できるのは約22個のコンポーネントまでで、シーケンス図、ER図、複雑な分岐を含む図には対応していません。

トピック

よくある質問

architecture-canvas とは？

アップロードした文書とチャットし、Excalidrawキャンバスで編集可能なアーキテクチャ図を作成・改善できるローカルファーストのWebワークスペース。 Architecture Canvasでは、要件書、スプレッドシート、PDF、画像をアップロードし、AIアシスタントと話しながらアーキテクチャ図を作成できます。図は編集可能なExcalidrawキャンバス上に表示されるため、モデルが最初の案を作成した後にノードをドラッグしたり、テキストを編集したり、SVGやPNGとして書き出したりできます。

architecture-canvas は無料で使えますか？ライセンスは？

architecture-canvas は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

architecture-canvas は今もメンテナンスされていますか？

活発にメンテナンス中。architecture-canvas の最終コミットは 2026年10月3日 です。

architecture-canvas は何に使えますか？

要件書からシステムアーキテクチャ図の初稿を作成する。 手動で整えたレイアウトを保ちながら、会話を通じて既存の図を改善する。 ローカルファイルをホスト型エディターに送信せず、編集可能なアーキテクチャ図を作成する。 MCP経由でAIエージェントに文書読み取りや図のレンダリング機能を追加する。

architecture-canvas のインストール方法は？

リポジトリをクローンする: git clone https://github.com/weike-zhang/architecture-canvas.git プロジェクトディレクトリに移動する: cd architecture-canvas アプリを起動する（初回起動時に依存関係のインストールとページのビルドが行われます）: python3 start.py ブラウザーでワークスペースを開き、「モデル設定」でモデルを設定する

architecture-canvas はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/weike-zhang/architecture-canvas