SyntheticSynthetic/ドキュメント
製品更新履歴
ダッシュボード →

Photoshop MCP · インストール

Photoshop MCPのインストール

Photoshop MCPは、MCPクライアント(Claude Desktop、Cursor、Codex)が起動するNode.jsサーバーとして動作し、WebSocket経由でPhotoshop内のCEPブリッジプラグインに接続します。サーバー自体のインストーラーはなく、nodeとnpxだけで動作します。

最速の方法は、Synthetic Installerを使用することです。ツールをインストールし、AIアプリを接続し、すべてを最新の状態に保ちます。 インストーラーガイドを見る

動作環境

Photoshop2022(23.0)以降(2026まで)
Node.js18以降
OSWindows 10/11 · macOS 12+
MCPクライアントClaude Desktop、Cursor、Codex、または任意のMCPクライアント
ライセンスPhotoshop MCPのライセンスキー(/dashboard/licensesを参照)

1. CEPブリッジプラグインをインストール

サーバーはPhotoshopと直接通信しないため、Photoshop内にブリッジパネルをインストールする必要があります。/dashboard/downloadsから署名済みの.zxpをダウンロードし(有効なライセンスが必要)、ZXP InstallerでインストールしてからPhotoshopを再起動してください。パネルはWindow → Extensions (Legacy) → Synthetic Photoshop MCPに表示されます。

Photoshop内でパネルを開き、「接続済み」と表示されていることを確認してください(パネルは3秒ごとに自動で再接続を試みます)。これがないと、MCPサーバーはPhotoshopを一切操作できません。

2. サーバーのダウンロードと起動を確認

任意のターミナルで(この時点ではPhotoshopを開いておく必要はありません)、次のコマンドを実行します:

npx -y @synthetic-ai/photoshop-mcp

初回はダウンロードに数秒かかります。起動してstdioの入力待ちになれば問題ありません。Ctrl+Cで終了し、手順3に進んでください。

「command not found: npx」と表示される場合は、nodejs.orgからNode.js(LTS)をインストールしてください。

3. MCPクライアントに接続

MCPクライアントにはそれぞれ、サーバーを宣言する設定ファイルがあります。Claude Desktop、Cursor、Codexなどのクライアントに貼り付ける正確なJSONスニペットについては、MCPクライアントのセットアップガイドを参照してください。

ライセンスキーは/dashboard/licensesにあります。クライアント設定のenv内にあるPS_MCP_LICENSEに、その値を貼り付けてください。

4. Photoshopを開いて試す

MCPクライアントの設定が済んだら、任意のドキュメントを開いた状態でPhotoshopを起動し、Synthetic Photoshop MCPパネルに「接続済み」と表示されていることを確認してから、MCPクライアントを再起動して新しいサーバーを読み込ませます。次に、簡単な指示を出してみましょう:

アクティブなドキュメントのレイヤーを一覧表示してください。

レイヤーの一覧が返ってくれば、往復の通信は正常に動作しています。次は、テキストレイヤーの追加やPNGでの書き出しなどを試してみましょう。

重要:MCPクライアントがツールを実行するときは、Photoshopが開いていて、Synthetic Photoshop MCPパネルが接続されている必要があります。パネルに「未接続」と表示されている場合、ツールは一切動作しません。