「赤い丸を描いて」と
話すだけで、動く。

これは何ができるの？

ふだんお使いの Photoshop を、AI（Claude）への話し言葉で操作できるようになります。Photoshop の操作に慣れていない方でも、やりたいことを言葉で伝えるだけで、AI が代わりに手を動かしてくれます。

むずかしいメニュー操作を覚える必要はありません。「こうしたい」を言葉にするだけです。このマニュアルは、コピー＆ペーストができれば誰でも進められるように作られています。あわてず、ゆっくり進めていきましょう。

仕組みをひとことで

AI（Claude）と Photoshop は、そのままでは会話できません。あいだに 「通訳役のソフト」を 1 つ入れます。やることは、これだけです。

この「通訳役のソフト」が photoshop-mcp（フォトショップ・エムシーピー）です。無料で、誰でも使えます。

始める前に：必要なもの

準備するものは 4 つです。下の 2 つ（Claude Desktop と Node.js）は、これからこのマニュアルの中で入れていきます。

Node.js を入れる

「通訳役のソフト」を動かすための土台です。一度入れれば、あとは触りません。

Claude Desktop を入れる

AI「Claude」のアプリです。これがあなたの話し相手になります。

ここまでで、AI 単体は使える状態になりました。あとは Photoshop と「会話できる」ようにつなぐだけです。

通訳役を登録する（いちばん大事）

ここがいちばん大事なステップです。Claude に「Photoshop と話せるよ」と教える作業です。あわてず、ゆっくり進めてください。

3-1. 設定ファイルを開く

1. Claude Desktop の左上のメニュー（または歯車アイコン）から「設定（Settings）」を開きます。
2. 「開発者（Developer）」という項目を選びます。
3. 「設定を編集（Edit Config）」というボタンを押します。
4. claude_desktop_config.json というファイルが、メモ帳などで開きます。

3-2. 中身を書き込む

ファイルの中身によって、やることが少し変わります。

パターン A：ファイルが空、または {} だけの場合

中身をすべて消して、下の文章をそのまま貼り付けてください。

{
  "mcpServers": {
    "photoshop": {
      "command": "npx",
      "args": ["-y", "@alisaitteke/photoshop-mcp"]
    }
  }
}

パターン B：すでに何か書かれている場合

{ で始まり } で終わっているはずです。いちばん最初の { のすぐ下に、下の部分を貼り付けます。

  "mcpServers": {
    "photoshop": {
      "command": "npx",
      "args": ["-y", "@alisaitteke/photoshop-mcp"]
    }
  },

貼り付けた結果、たとえばこんな形になります（globalShortcut は一例です）。

{
  "mcpServers": {
    "photoshop": {
      "command": "npx",
      "args": ["-y", "@alisaitteke/photoshop-mcp"]
    }
  },
  "globalShortcut": ""
}

3-3. 保存する

ファイルを上書き保存します（メモ帳なら Ctrl + S）。これで登録は完了です。

起動して反映させる

順番が大切です。この順番で起動してください。

動作を確認する

仕上げです。Claude Desktop の入力欄に、まずこう打ち込んでみてください。

Photoshop に接続できているか確認して

うまくいっていれば、AI が「接続できました」「Photoshop のバージョンは○○です」のように答えます。

次に、本番のお試しです。

新しい正方形のドキュメントを作って、赤い四角を描いて

Photoshop の画面が実際に動いて、赤い四角が描かれたら 大成功です。

うまくいかないときは

つまずいても大丈夫です。よくある症状と対処を、表にまとめました。

できること・できないこと

この環境が得意なこと、苦手なことを正直にお伝えします。最初に知っておくと、安心して使えます。

よくある質問

まとめ

おつかれさまでした。やることは、たった 5 ステップでした。

1. Node.js を入れる（土台）
2. Claude Desktop を入れる（AI 本体）
3. 設定ファイルに通訳役を登録する（いちばん大事）
4. Photoshop → Claude Desktop の順で起動
5. 「接続できているか確認して」で動作チェック

この 5 ステップで、あなたの Photoshop が「AI に話しかけて動かせる」ようになります。セミナーで話題になった「ローカルの Photoshop を AI で操作する」が、これで実現します。

最初は思いどおりにならないこともあります。でも、言葉だけで Photoshop が動いた瞬間の「おおっ！」という感動は格別です。まずは「赤い四角を描いて」から、気軽に試してみてください。