プロンプトから図へ
AI アーキテクチャ図ジェネレーター
システムを AI エージェントに説明すると、Archboard のキャンバスに編集できるアーキテクチャ図を描きます。Kubernetes クラスター、AWS の構成、C4 のコンテナ、マイクロサービス、イベントの流れに対応します。
Archboard は独自の AI モデルを動かしていません。あなたの AI アプリが MCP で Archboard に接続してキャンバスに描き、あなたはその結果をほかの図と同じように編集、共有、書き出しできます。
MCP サーバーの URL
https://getarchboard.app/mcpアプリのクイックセットアップ
新しいタブで開きますお使いのアプリが一覧にない場合は、上の URL をアプリのコネクタ設定または MCP 設定に追加してください。アプリが、クライアントシークレットなしで OAuth サインインできる必要があります。
Archboard はこれらのアプリと提携していません。名称とロゴは各所有者に帰属します。
プロンプトをコピーして図を手に入れる
Archboard を接続したら、次のプロンプトのどれかを AI アプリに貼り付けてください。各プロンプトには、それが描く図の種類を添えています。同じ図形で作ったテンプレートで、直接開くこともできます。
Kubernetes クラスター
プロンプト
Archboard で Kubernetes クラスターのアーキテクチャ図を描いてください。kube-apiserver、etcd、kube-scheduler、kube-controller-manager からなるコントロールプレーン、それぞれ kubelet、kube-proxy、Pod を動かす 2 台のワーカーノード、HTTPS を Web 用の Pod に転送する Ingress を含めてください。
エージェントが描く図
AWS の 3 層 Web アプリ
プロンプト
Archboard で 3 層 Web アプリの AWS アーキテクチャ図を作ってください。Route 53、AWS WAF 付きの CloudFront、S3 の静的ファイル、そして Application Load Balancer を置くパブリックサブネット、EC2 Auto Scaling グループを置くプライベートサブネット、Multi-AZ の RDS と ElastiCache を置くプライベートなデータ用サブネットを持つ VPC を含めてください。
エージェントが描く図
AWS のサーバーレスバックエンド
プロンプト
Archboard で AWS のサーバーレスアーキテクチャを描いてください。フロントエンド用の CloudFront と S3、Cognito でのサインイン、DynamoDB に書き込む注文用 Lambda 関数を呼び出す API Gateway、そして EventBridge から SQS キューへ送られ、SES でメールを送るワーカー関数をトリガーする OrderPlaced イベントを含めてください。
エージェントが描く図
C4 コンテナ図
プロンプト
Archboard でオンラインストアの C4 コンテナ図を描いてください。顧客、システム境界の中に Web アプリケーション、モバイルアプリ、API アプリケーション、注文データベース、メッセージブローカー、注文ワーカー、外部に決済プロバイダーとメールサービスを置き、各関係には何をするかとプロトコルをラベルとして付けてください。
エージェントが描く図
API ゲートウェイ付きのマイクロサービス
プロンプト
Archboard でマイクロサービスアーキテクチャを描いてください。Web とモバイルのクライアント、ID プロバイダーでトークンを検証する API ゲートウェイ、それぞれ専用のデータベースを持つユーザー、注文、決済、在庫のサービス、そして orders-service が決済と在庫のサービス向けに OrderPlaced を発行するイベントバスを含めてください。
エージェントが描く図
イベント駆動の流れ
プロンプト
Archboard でイベント駆動アーキテクチャを描いてください。checkout-service が orders トピックに OrderPlaced を発行し、payment-service と inventory-service が購読し、payment-service が出荷と通知のために payments トピックに PaymentCaptured を発行する構成にして、デッドレターキューと分析用ウェアハウスも含めてください。
エージェントが描く図
本物のキャンバスでエージェントが描く様子を見る
サンプルの名前を使った、Archboard キャンバス上の台本どおりのデモです。エージェントのカーソルには誰の代理で動いているかが表示され、新しい図形が 1 つずつ現れます。通知から、あなたのエージェントの変更は 1 ステップで元に戻せます。
デモ
- 美咲の代理で作業する AI エージェントが、checkout API の隣にデータベース、そのストレージ、キャッシュを追加します。カーソルには誰の代理で作業しているかが表示され、新しい図形が 1 つずつ現れます。
- 同時に、蓮が checkout API のレプリカ数を 3 から 5 に変更します。
- 美咲が通知の「元に戻す」をクリックすると、エージェントの変更が 1 ステップで取り消され、蓮の編集はそのまま残ります。
3 ステップで接続
Archboard を AI アプリにリモート MCP サーバーとして追加し、Google か GitHub でサインインして、使ってよい範囲を選びます。あとはプロンプトを貼り付けるだけです。
- AI アプリにサーバーを追加
AI アプリのコネクタ設定または MCP 設定で、この URL を使って Archboard をリモート MCP サーバーとして追加します。アプリによってはカスタムコネクタと呼びます。
MCP サーバーの URLhttps://getarchboard.app/mcp - サインインしてアクセスを選ぶ
アプリが Archboard を開きます。Google または GitHub でサインインし、使える組織とワークスペースを選び、それぞれに閲覧・編集・削除のいずれかを設定して、名前を付けます。
- 図を頼む
エージェントに図の作成や更新を頼み、Archboard で図を開くと、変更がライブで届く様子を確認できます。
たとえばこう頼めます
- Postgres と Redis を使った checkout サービスを Kubernetes 上に描いて。
- 「決済」の図で checkout-api の隣にキャッシュを追加して。
- 直前の変更を元に戻して。
AI アプリが、OAuth でサインインするリモート MCP サーバーに対応している必要があります。
エージェントと Archboard で描く理由
画像ではなく編集できる図
エージェントが図に追加するのは画像ではなく、本物のノードと接続です。描かれたものはすべて、手作業でも、もう一度頼んでも、名前変更、移動、スタイル変更、拡張ができます。
意味を持つ図形
Kubernetes のリソース、クラウドサービス、C4 の要素、データストアは、あなたが使うのと同じノードパックのもので、レプリカ数、CIDR 範囲、技術などのフィールドを持ちます。
チームのキャンバスでライブに
変更は起きたそばから届き、エージェントのカーソルには誰のために動いているかが表示されます。エージェントの変更は 1 ステップで元に戻せます。
すぐに共有できる
リンクを共有したり、図を埋め込んだり、SVG、PNG、PDF で書き出したりできます。すべての変更はバージョン履歴に残ります。
AI で図を作ることについての質問
Archboard は独自の AI モデルを動かしていますか？
いいえ。Archboard は独自のモデルを持っていません。プロンプトはあなたの AI アプリに送られ、アプリが Archboard の MCP サーバーを呼び出して、あなたが許可したアクセスとプランの上限の範囲で図を作成、編集します。
どの AI アプリが使えますか？
OAuth でサインインするリモート MCP サーバーに対応した AI アプリなら使えます。よく使われるアプリのショートカットはこのページの上部にあり、そのほかのアプリには接続手順が使えます。アプリのコネクターまたは MCP の設定にサーバー URL を追加してください。
無料で使えますか？
はい。AI エージェントの接続は Free を含むすべてのプランで、エディターと同じプランの上限で使えます。エージェントのツール呼び出しには、別に 1 分あたりのレート制限もあります。
エージェントが描いたものを変えられますか？
はい。通常の Archboard の図です。手で編集しても、エージェントに変更を頼んでも、エージェントの変更を 1 ステップで元に戻してもかまいません。図を開いている人には、変更がひとつずつライブで見えます。
アカウントは必要ですか？
はい。AI アプリが接続すると、Archboard は Google か GitHub でのサインインを求め、アプリが使える組織とワークスペース、そして閲覧、編集、削除のどれを許可するかを選ぶよう求めます。