任意のエージェントから 1DesignTool を動かす(MCP)

MCP server は 1DesignTool を外部エージェントに公開します。MCP 対応クライアント(Claude Code、別のコーディングエージェント、自動化)を接続すると、スタジオをプログラムで駆動できます。プロジェクトの作成、実行の送信、結果の読み取り。Model Context Protocol で提供される、スタジオの API サーフェスです。

MCP が公開するもの

サーバーはスタジオの操作を MCP ツールとして公開します。接続したエージェントが呼べるコマンドです。

  • プロジェクト操作 — プロジェクトの作成、オープン、一覧、駆動
  • 実行操作 — ブリーフの送信、トランスクリプトの読み取り、ターンの駆動
  • スタジオ操作 — 状態、エージェント、システムの読み取り

接続したエージェントは、あなたが見るのと同じスタジオ(プロジェクト、エージェント、システム)を見て、サイドチャネルではなくプロトコル越しに駆動します。

アクセスパネル

Settings → MCP access にサーバーの状態が表示されます。リッスンするエンドポイント、接続を許可されたクライアント、接続に使うトークンです。アクセスが実際に存在する場所で、サーバーはローカル、パネルが誰が到達できるかを制御します。

MCP アクセスパネル — エンドポイント、許可クライアント、接続トークン

デフォルトではサーバーはローカルのみです。パネルがどのクライアントが接続できるかをゲートし、アクティビティログが各クライアントの行動を記録します。

クライアントの接続

MCP 対応クライアントに、アクセスパネルのトークンを使ってスタジオのエンドポイントを指させます。接続がパネルに登録され、クライアントのツールがスタジオのコマンドを公開します。そこからクライアントは、あなたがクリックするのと同じ操作を駆動します。プロジェクトの作成、実行の送信、結果の読み取りです。

MCP ターンが着地するのを見る

接続したクライアントにサイドチャネルはありません。そのターンはあなたの ものと同じように届きます。ここでは Cursor が、スタジオが 1 ターン前に 組み立てたモバイルアプリプロジェクトへ再デザインを送ります。プロンプトは コンポーザー送信の代わりに via MCP · Cursor タグを帯び、実行は トランスクリプトで展開され、終わるとゲートが報告します。

MCP 越しにディスパッチされたターン — プロンプトバブルにクライアント名
MCP ディスパッチの再デザインが完了 — ゲート通過、ファイル更新済み
アプリ内で組み立てたモバイルアプリを、MCP クライアントが再デザイン。

プロジェクト履歴は来歴も保持します。MCP ターンはプロジェクトの MCP ターン合計にカウントされ、接続がアクセス行に表示されるので、外部から 駆動されたデザインは常に帰属が追えます。

MCP 経由の自動化

サーバーはスタジオの実際の API なので、自動化が自然に適合します。デザイントークンを再生成する夜間スクリプト、ブランドボードを再構築する CI ステップ、スタジオのループそのものを回す外部エージェント。Settings → MCP のアクティビティログに、接続した各クライアントの行動(呼び出し、実行、結果)が表示されます。

すべてと同じくローカルファースト

MCP サーバーはあなたのマシンで動きます。エンドポイントは localhost、トークンはあなたのもの、呼び出しはローカルに留まります。MCP クライアントはあなたと同じ方法でスタジオを駆動します。あなたのエージェント CLI、あなたのクォータ、あなたのファイルを通して。

ヒント: クライアントを配線する前にアクセスパネルを開きましょう。トークンと許可クライアントの一覧がそこにあり、拒否された接続はたいてい、サーバーのダウンではなくクライアントが一覧にないことが意味します。

関連ページ