CodexとIllustrator Beta をMCPでつなぎ、方向性は画像で決めてから「編集できるIllustratorデータ」にする
試作は画像で何度も回し、仕上げの段階だけIllustrator MCPで文字や図形を個別に編集できるオブジェクトとして組ませる。
どんな問題を解決するか / いつ使うか
普段Illustratorで制作している人が、AIに作らせたデザインを1枚画像ではなく、あとから直せるベクターデータで受け取りたいとき。Illustrator（Beta）にMCPサーバーが組み込まれていて、Codexなどから操作できる（Adobeの案内では40種類のツール・操作）。
関連: ガイド：画像生成からUI・LPを作る、ガイド：Figma 実務テクニック
手順
- Creative Cloudデスクトップアプリの「ベータ版アプリ」から Illustrator（Beta）を入れ、Codexと同じPCで起動する。
- Illustrator Betaの「設定 → MCPおよびツール」の「その他」から、サーバーURLと認証キーをコピーする。
- Codexに「Illustrator MCPサーバーをCodexに接続して」と頼み、求められたらURLとキーを渡す。
- 「新しいドキュメントを作成して」など簡単な指示で接続を確認。
- 共通ルール（フレームサイズ、フォント、文字サイズ、色、余白）と、今回のデザイン固有のトーン・用途を、別々のMarkdownにまとめる。
- まず画像でデザイン案を作り、修正を重ねて方向性を固める（MCPの呼び出し回数を抑えられる）。
- 方向が決まったら、編集したい要素やアートボード構成も指示に加え、Illustrator上で編集できる形にしてもらう。出力後にIllustratorで確認して細部を整える。
注意点
- Beta版なので、元データは複製してから触る。仕様・表示は変わる可能性がある。
- 認証キーはMarkdownの仕様書や共有資料に書かず、接続設定にだけ使う。再発行したら接続もやり直し。
- 料金：Illustrator MCPの使用量は接続先のAIツール側で請求される（Adobeの案内）。Codex側の利用上限はかかる。使う頻度が低いと契約に見合わないこともある。
- MCPが毎回正確に再現するとは限らない。人の確認工程は残す。
出典
- @wokobo_net · 2026-11-08
- 記事：「CodexとAdobe Illustrator MCPで編集可能なデザインを作る方法」wokobo.net