# Canva MCP × Claude Code｜AIエージェントにSNS投稿とWeb制作素材をつくらせる【実測33ツール・落とし穴つき】｜株式会社テクノスフィア

> Canva公式MCPサーバをClaude Codeに接続し、SNS投稿画像とブログ用OGP/ヒーロー画像を実際に生成・編集・書き出しした検証レポート。接続手順、33ツールの実測、プラン別制限とレート制限、日本語フォント化けや商用利用ライセンスの注意点まで出典付きで解説。

URL: https://technosphere.co.jp/blog/canva-mcp-claude-code

** 目次
1. はじめに：この記事のヒーロー画像はAIが作りました
2. Canva MCP（AI Connector）とは
3. Claude Codeへの接続手順
4. 実際に見えたツールは33個
5. 実践①：SNS投稿画像を生成する
6. 生成AIデザインの落とし穴（実測）
7. 実践②：ブログのヒーロー／OGP画像をつくる
8. 実践③：編集トランザクションAPIでデザインを"コードで"直す
9. プラン別制限とレート制限
10. 商用利用ライセンスの落とし穴
11. どこまで自動化すべきか
12. よくある質問（FAQ）
13. まとめ
14. 参考文献・出典
   ** 本記事のスコープと検証環境

本記事は**2026年7月26日時点**で、Canva公式リモートMCPサーバ（`https://mcp.canva.com/mcp`）をClaude Codeに接続して実際に操作した記録です。掲載しているレスポンスやエラーはすべて実行結果からの引用で、画面写真ではなくAPIの生の挙動に基づいています。仕様・プラン要件は変更される可能性があるため、導入前に末尾の一次情報でご確認ください。

## はじめに：この記事のヒーロー画像はAIが作りました

 このページの一番上に表示されているヒーロー画像と、SNSでシェアしたときに出るOGP画像は、**人間がCanvaの編集画面を一度も開かずに**作られています。ターミナルのClaude Codeに「こういう画像がほしい」と日本語で指示しただけです。デザイン生成、レイアウト調整、書き出しまでがAIエージェントとCanvaの間で完結しました。

 これを可能にしているのが **MCP（Model Context Protocol）**です。MCPはAIアシスタントと外部ツールをつなぐオープンな標準規格で、Canvaは公式のMCPサーバを提供しています。つまり「AIがCanvaを操作する」ための正規の入り口が用意されている、ということです。

 Web制作やSNS運用の現場では、バナー・サムネイル・告知画像といった**「重要だが単価の低い量産作業」**が慢性的に発生します。ここをAIに渡せるなら効果は大きい。一方で、AIが作ったものをそのまま世に出すのは、事業者としてはリスクです。実際に検証したところ、**そのまま公開したら信用を落としかねない出力**にも遭遇しました。

 そこで本記事では、**できたこと**と**できなかったこと・危なかったこと**の両方を記録します。導入判断の材料としてお使いください。

## Canva MCP（AI Connector）とは

 Canvaが提供する公式のリモートMCPサーバで、製品名としては**「Canva AI Connector」**と呼ばれています[1]。Canva公式は「Design with Canva, right from your AI chat（AIチャットからそのままCanvaでデザインする）」と表現しており、その裏側がCanva MCP Serverです。
| 項目 | 内容 |
| エンドポイント | `https://mcp.canva.com/mcp`（リモート／HTTP）[2] |
| 認証方式 | CIMD（Client ID Metadata Documents）が推奨。後方互換としてDCR（動的クライアント登録）もサポートされるが非推奨扱い[2] |
| 認証の単位 | **ユーザー単位**。「Each user needs to authenticate」と明記され、利用者ごとにCanvaアカウントが必要[2] |
| 権限の範囲 | 「The operations available to a user match their level of access to a design or asset」——AIができる操作は、そのユーザーがCanva上で持っている権限を超えない[2] |
| 対応クライアント | Canva公式ページの掲載はChatGPT・Claude・Amazon Quick Suite（提供中）、Google Gemini（近日）、Microsoft Copilot（プレビュー）[1]。加えてMCP対応クライアント全般から接続可能 |      ** 「AIに全権限を渡す」わけではない

導入検討でよく懸念されるのが「AIが社内のデザイン資産を勝手に触れるようになるのでは」という点です。Canvaのドキュメントは、操作範囲が**認証したユーザー自身のアクセス権の範囲内**に限られると明記しています[2]。組織単位の一括接続ではなく、各人が自分のアカウントで認証する設計です。逆に言えば、**強い権限を持つ管理者アカウントで接続すれば、その権限がそのままAIの作業範囲になる**ということでもあります。

## Claude Codeへの接続手順

 Claude Codeはリモートのhttp型MCPサーバを `claude mcp add` で登録できます[3]。Canvaの場合はこれだけです。

```
# サーバーを登録（--scope user で全プロジェクト共通にする）
claude mcp add --transport http canva https://mcp.canva.com/mcp --scope user

# Claude Code のセッション内で OAuth 認証を実行
/mcp
```

 Claude Code公式ドキュメントは「Use `/mcp` to authenticate with remote servers that require OAuth 2.0 authentication」と記載しており[3]、ブラウザが開いてCanvaのログイン・認可画面に進みます。APIキーの発行やヘッダー設定は不要です。

### 登録結果の確認

登録内容は `~/.claude.json`（user スコープ）または `.mcp.json`（project スコープ）に保存されます。実際の登録内容と疎通確認は次のとおりでした。

```
$ claude mcp list
Checking MCP server health…

canva: https://mcp.canva.com/mcp (HTTP) - ✔ Connected

# ~/.claude.json の該当エントリ
"canva": { "type": "http", "url": "https://mcp.canva.com/mcp" }
```

   ** 設定JSONを手書きする場合の注意

Claude Codeのドキュメントによれば、JSONの `type` フィールドは `streamable-http` を `http` のエイリアスとして受け付けます。一方で**`url` があるのに `type` が無いエントリは設定エラー**となり、Claude Codeはそのサーバーをスキップして `MCP server "<name>" has a "url" but no "type"` と報告します[3]。他サービスのドキュメントからコピーした設定を貼る際にハマりやすいポイントです。

### スコープの選び方（実務上の判断）
| スコープ | 保存先 | 向いているケース |
| `--scope user` | `~/.claude.json` | 個人の全プロジェクトでCanvaを使う。デザイン素材は案件横断で必要になるため、通常はこれ |
| `--scope project` | `.mcp.json`（リポジトリ内） | チーム全員に同じ接続先を配布したい場合。ただし**認証は各人が個別に行う**点に注意 |
| `--scope local` | ユーザー設定内のプロジェクト別領域 | 特定プロジェクトでだけ一時的に使う |

 `.mcp.json` をリポジトリにコミットしてもCanvaの認証情報は含まれません（URLのみ）。トークンは各利用者のローカルに保持されるため、**接続先の共有と資格情報の共有は別物**です。この分離は、チーム配布を検討するうえで重要な性質です。

## 実際に見えたツールは33個

 接続後、Claude Codeから利用可能になったCanvaのツールは**33個**でした。カテゴリごとに整理すると、Canva MCPが何をカバーしているかが見えてきます。
| カテゴリ | 主なツール | できること |
| デザイン生成 | `generate-design` / `create-design-from-candidate` / `copy-design` | プロンプトからデザイン候補を生成し、選んだものをアカウントに保存 |
| 編集 | `start-editing-transaction` / `perform-editing-operations` / `commit-editing-transaction` / `cancel-editing-transaction` | テキスト置換・書式変更・要素の移動/リサイズ/削除・画像差し替えをトランザクションで実行 |
| 取得・検索 | `search-designs` / `get-design` / `get-design-content` / `get-design-pages` / `get-presenter-notes` | 既存デザインの検索と、テキスト内容・ページ構成の読み取り |
| 書き出し | `export-design` / `get-export-formats` | PDF・JPG・PNG・PPTX・GIF・MP4・CSVへの書き出しとダウンロードURL取得 |
| アセット | `upload-asset-from-url` / `get-assets` | 外部URLの画像をCanvaに取り込む |
| ブランド | `list-brand-kits` / `search-brand-templates` / `create-design-from-brand-template` / `get-brand-template-dataset` | ブランドキット・ブランドテンプレートの利用（プラン制限あり） |
| 整理・協業 | `create-folder` / `move-item-to-folder` / `comment-on-design` / `reply-to-comment` ほか | フォルダ整理、デザインへのコメント・返信 |
| その他 | `resize-design` / `import-design-from-url` / `resolve-shortlink` | サイズ変更、URLからのインポート、短縮リンク解決 |      ** 公式ドキュメントとの差分も記録しておく

Canva公式のツール一覧[4]にも33ツールが掲載されていますが、**弊社の接続環境で見えた顔ぶれとは完全一致しませんでした**。公式表にある `autofill-design`（Enterprise専用）は今回の環境では出現せず、代わりに公式表に記載のない `get-design-candidates` が利用可能でした。原因は特定していませんが（プラン差か提供時期差かは断定できません）、**ツールの有無はドキュメントではなく実接続で確認すべき**ということです。導入設計の際は、この前提でお進めください。

## 実践①：SNS投稿画像を生成する

 まずSNS告知用の画像を作ります。指示は自然言語で、`design_type` に `instagram_post` を指定するだけです。実際に投げたプロンプトの要点は次のとおりです。

```
design_type: instagram_post
query:
  B2B向けIT企業「株式会社テクノスフィア」のSNS告知投稿。
  訴求内容は「技術ブログ更新のお知らせ：Canva MCP を Claude Code に
  つないで、SNS投稿画像とWeb制作素材をAIエージェントに作らせた検証レポート」。
  見出しは「技術ブログ更新」、メインコピーは「AIエージェントに デザインを任せる」。
  ダークネイビー(#0B1F3A系)背景にシアン〜ブルーのグラデーション、
  幾何学ラインのテック的装飾。写真・人物イラストは使わない。
  日本語はゴシック体で必ず文字化けしない一般的な日本語フォントを使用し、
  英字プレースホルダ（架空のURLや社名、CEOなどの架空の肩書き）は一切入れないこと。
  文字数は少なく、余白広め、可読性最優先。
```

### 返ってくるのは「候補4案」

 `generate-design` はデザインを直接作るのではなく、**候補（design candidates）を4案返す**設計です。レスポンスは次の形でした。

```
{
  "job": {
    "id": "2c4d09ff-a234-4d0f-96c2-ff4a7fecf388",
    "status": "success",
    "result": {
      "generated_designs": [
        { "candidate_id": "dg-5a03d4c0-...", "url": "...", "thumbnails": [...] },
        { "candidate_id": "dg-5dc4338c-...", "url": "...", "thumbnails": [...] },
        { "candidate_id": "dg-99f3fe0c-...", "url": "...", "thumbnails": [...] },
        { "candidate_id": "dg-c1922500-...", "url": "...", "thumbnails": [...] }
      ]
    }
  }
}
```

 この段階では**まだCanvaアカウントに保存されていません**。気に入った候補を `create-design-from-candidate` で確定させて初めてデザインになります。「4案出して選ぶ」というCanvaのUXが、そのままAPIの構造になっているわけです。   ** 実際に踏んだエラー：`job_id` も必要

`create-design-from-candidate` に `candidate_id` だけを渡したところ、次のバリデーションエラーになりました。

```
MCP error -32602: Input validation error:
[{ "code": "invalid_type", "expected": "string", "received": "undefined",
   "path": ["job_id"], "message": "Required" }]
```

**`job_id` と `candidate_id` の両方**が必須です。生成レスポンスの `job.id` を保持しておく必要があります。エージェントに任せる場合も、この2値をセットで扱う前提でワークフローを組んでください。

採用した候補を確定させると、デザインIDとURLが返ります。

```
{
  "design_summary": {
    "id": "DAHQb2vIfiE",
    "title": "Digital Post for Tech Blog Announcement",
    "urls": { "edit_url": "https://www.canva.com/d/...", "view_url": "https://www.canva.com/d/..." },
    "page_count": 1
  }
}
```

 あとは `export-design` で書き出すだけです。実際に出力されたのは **1080×1350ピクセル（4:5の縦型）**のPNGで、Instagramのポート型投稿にそのまま使えるサイズでした。書き出し結果は署名付きの一時ダウンロードURLとして返されます。   （図: Canva MCPとClaude Codeで生成したSNS告知投稿画像。ダークネイビー背景に「技術ブログ更新」「AIエージェントにデザインを任せる」の日本語コピーが配置されている） 実際に生成されたSNS投稿画像（1080×1350／縮小表示）。人手の編集はゼロ

 所要時間は、プロンプト投入から書き出しURL取得まで**1〜2分程度**。デザイナーに依頼して戻ってくるまでのリードタイムと比べれば、告知用の「とりあえず1枚」を用意する速度としては十分実用的です。

## 生成AIデザインの落とし穴（実測）

 ここからが本題です。速いのは事実ですが、**そのまま公開してはいけない出力**が確かに混ざります。今回の検証で実際に発生した3つの問題を記録します。   （図: Canva MCPが一度に生成した4つのデザイン候補の比較。右上の候補では日本語が四角い記号（豆腐）に文字化けし、架空のドメイン名と肩書きが表示されている） ヒーロー画像生成時に返ってきた4候補。右上の案は日本語が文字化けし、テンプレート由来のダミー情報も残っている

### ① 日本語が「豆腐」になる

 4案のうち1案で、日本語のコピーが**すべて □□□ の並び（いわゆる豆腐）**になりました。選ばれたテンプレートのフォントが日本語グリフを持っていなかったためと考えられます。英語圏発のテンプレート資産を使う以上、これは構造的に起こり得ます。

 対策として、SNS画像の生成時にはプロンプトへ**「文字化けしない一般的な日本語フォントを使用」**と明記しました。その結果、SNS投稿側では4案すべてで日本語が正常に描画されています。完全な保証にはなりませんが、有効な予防策です。

 なお編集APIの仕様上、**フォントファミリの変更はサポートされていません**（サイズ・太さ・スタイルは変更可）。つまり**豆腐化した候補は、後からAPIで直せません**。捨てて選び直すのが正解です。

### ② テンプレート由来のダミー情報が残る

 同じ候補には、指示していない**架空のドメイン名（"REALLYGREATSITE.COM"）**と**架空の肩書き（"CEO"）**が、自社名の下に配置されていました。Canvaのテンプレートに元から入っているプレースホルダがそのまま残ったものです。

 これは実害が大きい種類の問題です。**自社名と並んで存在しないURLや肩書きが載った画像を公開すれば、それは誤情報の発信**になります。生成結果を自動でSNSへ投稿するパイプラインを組む場合、ここに人間の確認工程がないのは危険です。

### ③ 指示していない「事実」を書き足す

 SNS投稿の候補の1つには、こちらが一切指定していない**「2026年7月25日 土曜日」という日付**が挿入されていました。興味深いことに、2026年7月25日は実際に土曜日で、**曜日の整合性は取れています**。しかしこの日付自体に根拠はなく、記事の公開日でもありません。   ** 「もっともらしい」ほど危ない

明らかな文字化けは誰でも気づきます。しかし**曜日まで整合した、それらしい日付**は見落とされます。生成AIの誤りが危険なのは、間違いが目立たない形で紛れ込むからです。**デザイン内の数値・日付・固有名詞は、AIに生成させるのではなく、確定した値をこちらから与える**のが安全な設計です。編集APIの `replace_text` で後から正しい値を差し込む運用も有効です。

## 実践②：ブログのヒーロー／OGP画像をつくる

 次に、この記事自身の画像を作ります。Web制作の現場でよく必要になる**「記事のヒーロー画像（横長）とOGP画像（1200×630）」**という実用ケースです。

 ここで問題になるのがサイズです。Canvaの `design_type` には「OGP画像」という選択肢がなく、近いのは `twitter_post`（実測 1600×900）です。今回は次の方針を取りました。

```
1. generate-design (twitter_post) で 1600×900 のバナーを生成
2. export-design で PNG 書き出し
3. ローカルで用途別にトリミング・リサイズ
   - ヒーロー用: 中央帯を切り出して 1920×720
   - OGP用    : 上下を少し詰めて 1200×630（≒1.905:1）
```

 `resize-design` ツールを使えばCanva側でサイズ変更もできますが、**これはPro以上の有料プラン限定機能**です[4][1]。また、比率が大きく変わる変換では文字組みが崩れることもあるため、「Canvaで作る → 最終的な出力比率はビルド側で確定させる」という分業のほうが、Webサイトへの組み込みでは扱いやすいと感じました。

 書き出し可能な形式は `get-export-formats` で確認できます。今回のバナーでは **pdf / jpg / png / pptx / gif / mp4** が返りました。公式ドキュメントも、対応形式はデザインごとに異なるため**事前に `get-export-formats` で確認してから `export-design` を呼ぶこと**を求めています。形式を決め打ちすると失敗します。

## 実践③：編集トランザクションAPIでデザインを"コードで"直す

 生成された画像は良い雰囲気でしたが、サブタイトルの文字が小さすぎました。ここでCanva MCPの最も"エンジニアリング寄り"な機能、**編集トランザクション**の出番です。

### トランザクションの3ステップ

```
start-editing-transaction   → transaction_id と全要素の構造を取得
perform-editing-operations  → 編集操作を（複数まとめて）適用（この時点ではドラフト）
commit-editing-transaction  → 確定して保存
cancel-editing-transaction  → 破棄
```

   ** コミットを忘れると変更は消える

ツール仕様に「Changes are in DRAFT only until committed — they will be PERMANENTLY LOST if you do not call `commit-editing-transaction`」と明記されています。**コミットするまでの編集はすべて下書き**で、失敗すればトランザクション内の変更は全て失われ、やり直しには新しいトランザクションが必要です。逆に言えば**途中経過が本番デザインを壊さない**ということでもあり、AIに編集させるうえでは安心できる設計です。

### デザインが構造化データとして返ってくる

 `start-editing-transaction` を呼ぶと、デザインの中身が完全な構造データとして返ります。これが編集APIの本質です。

```
{
  "transaction": { "status": "open", "transaction_id": "6021823355239838297" },
  "richtexts": [
    { "element_id": "PBp0yWztFdlLtTRN-LBkDD5fv59dB7xqT",
      "regions": [{ "type": "character", "text": "AIエージェントがSNS投稿とWeb制作素材をつくる" }],
      "containerElement": { "type": "TEXT",
        "position": { "top": 321.31, "left": 636.8 },
        "dimension": { "width": 326.4, "height": 16.17 } } },
    { "element_id": "PBp0yWztFdlLtTRN-LBJrm4Pyk00lGtt8",
      "regions": [{ "type": "character", "text": "Canva MCP × Claude Code" }], ... }
  ],
  "fills": [ { "type": "image", "asset_id": "MAHQbxakfeA", "editable": true, ... } ],
  "pages": [ { "page_id": "PBp0yWztFdlLtTRN", "dimension": { "width": 1600, "height": 900 },
               "is_responsive": false, "is_editable": true } ]
}
```

 要素ID・テキスト内容・座標・寸法・画像アセットIDが揃っているため、**「サブタイトルの幅を760pxに広げ、中央に寄せ、30pxの太字にする」**といった指示をピクセル単位で組み立てられます。実際に投げた操作は次のとおりです。

```
[
  { "type": "resize_element",   "element_id": "...LBkDD5fv59dB7xqT", "width": 760 },
  { "type": "position_element", "element_id": "...LBkDD5fv59dB7xqT", "top": 310, "left": 420 },
  { "type": "format_text",      "element_id": "...LBkDD5fv59dB7xqT",
    "formatting": { "font_size": 30, "color": "#5EC8F5",
                    "text_align": "center", "font_weight": "bold" } }
]
```

 結果、豆粒だったサブタイトルが読めるサイズになりました。**このページ最上部のヒーロー画像が、その適用後の状態です。**

### 実際に遭遇した失敗：部分成功する

 同じ呼び出しで、空のテキスト要素に社名クレジットを入れようとした操作は失敗しました。注目すべきは、**1回の呼び出しの中で成功と失敗が混在した**ことです。

```
"edit_operation_results": [
  { "status": "success", "operation_info": { "type": "resize_element",   ... } },
  { "status": "success", "operation_info": { "type": "position_element", ... } },
  { "status": "success", "operation_info": { "type": "format_text",      ... } },
  { "status": "failure", "operation_info": { "type": "replace_text",     ... },
    "error": { "code": "internal_error",
               "message": "Unexpected error occurred when processing this operation" } },
  { "status": "success", "operation_info": { "type": "resize_element",   ... } },
  { "status": "success", "operation_info": { "type": "position_element", ... } },
  { "status": "failure", "operation_info": { "type": "format_text",      ... },
    "error": { "code": "internal_error", ... } }
]
```

 失敗したのは、いずれも**テキストが空の要素に対する `replace_text` と `format_text`**でした。同じ要素への `resize_element` と `position_element` は成功しています。テンプレートに残った空のテキストプレースホルダは、文字を流し込む対象としては扱えなかったことになります（今回は `delete_element` で削除して解決しました）。   ** 自動化を組むなら「全体成功」を前提にしない

この挙動は、パイプラインを設計するうえで重要です。**呼び出しが例外にならなくても、個々の操作は失敗し得ます**。`edit_operation_results` の各要素の `status` を必ず検査し、失敗があればコミットせずに `cancel-editing-transaction` で破棄する——という制御を入れておくべきです。「エラーが返らなかった＝意図どおりに直った」ではありません。

### レスポンスが大きい点にも注意

 編集トランザクションのレスポンスは、要素数に比例して大きくなります。Claude Codeは**MCPツールの出力が10,000トークンを超えると警告を表示し、既定では25,000トークンで打ち切ります**（上限は `MAX_MCP_OUTPUT_TOKENS` 環境変数で引き上げ可能）[3]。ページ数の多いプレゼンテーションを丸ごと編集させる用途では、この制限に当たる可能性があります。ページ単位で処理を分割する設計が無難です。

## プラン別制限とレート制限

 導入前に必ず確認すべき部分です。ここは特に慎重に、公式の記載をそのまま引きます。

### プラン要件

 CanvaのAI ConnectorページのFAQは、「**すべてのCanvaプランがAIアシスタントに接続できます。Canva Freeを含みます**」と明言しています。そのうえで機能ごとの制限として、「**リサイズは有料のCanvaプランのみ**」「**オートフィルとブランドテンプレートはEnterpriseプランのみ**」と記載しています[1]。   ** 公式ドキュメント間に表記の差がある

正確を期すために付記します。上記のFAQは「ブランドテンプレートはEnterpriseのみ」としていますが、開発者向けのツール一覧[4]では `search-brand-templates` / `list-brand-kits` / `create-design-from-brand-template` が「**Pro and above**」と記載されています（`autofill-design` と `get-brand-template-dataset` は「Enterprise only」）。**2026年7月26日時点で、この2つの公式記載は一致していません。**ブランド機能の利用可否がプラン選定の決め手になる場合は、ドキュメントだけで判断せず、実際のアカウントで疎通確認を行うことをおすすめします。

### レート制限（公式ドキュメント記載値）
| ツール | レート制限 | 備考 |
| `generate-design` | 20 req/min | 生成は重い処理。全プラン |
| `create-design-from-candidate` | 20 req/min | 全プラン |
| `export-design` | 20 req/min | 品質はプランにより異なる |
| `perform-editing-operations` | 50 req/min | 複数操作をまとめて送れるため実質の余裕は大きい |
| `upload-asset-from-url` | 30 req/min | 全プラン |
| 検索・取得系（`search-designs`, `get-design` ほか） | 100 req/min | 全プラン |
| `resize-design` | 20 req/min | **Pro以上** |
| `resolve-shortlink` | 制限なし | 全プラン |

出典：Canva「MCP tools and rate limits」[4]（2026年7月26日時点）

 **生成と書き出しが20 req/min**という点は、バッチ処理を設計するうえで効いてきます。「100商品分のSNS画像を一括生成」といった用途では、1分あたり20件がボトルネックになります。数百枚規模の量産を想定するなら、リトライとスロットリングを前提にした実装が必要です。

## 商用利用ライセンスの落とし穴

 技術的に動くことと、業務で使ってよいことは別問題です。制作会社として、また発注する側としても、ここは押さえておく必要があります。

 CanvaのContent License Agreementは、広告・販促物・印刷物・パッケージ・プレゼンテーション・映像・カタログ・ブローシャーといった用途での利用を、**複製数の上限なし**で認めています[5]。SNS投稿画像やWebサイトのバナーは、通常この範囲に収まります。

 一方で、明確に禁止されている行為があります。   ** 特に注意すべき2つの禁止事項
- **商標・ロゴへの利用は不可**——「use any of the Content as part of a trade-mark, design-mark, trade-name, business name or service mark（**フォントを除く**）」が禁止行為として挙げられています[5]。Canvaの素材は非独占ライセンスであり、同じ素材を他社も使えるためです。**「AIにロゴを作らせる」用途にはそのまま使えません。**
- **素材そのものの再配布・再販は不可**——「sub-license, re-sell, rent, lend, assign, gift or otherwise transfer or distribute the Content」が禁止されています[5]。生成した素材を「テンプレート集」として販売するような使い方は範囲外です。

 受託制作でクライアントに納品する場合、**成果物としての制作物の納品**と、**素材そのものの譲渡**は区別して考える必要があります。ロゴやコーポレートアイデンティティに関わる領域は、Canva素材ではなくオリジナル制作で対応するのが安全です。案件の性質に応じて、契約条件を確認したうえでご判断ください。   ** セキュリティ上の注意：プロンプトインジェクション

Claude Code公式ドキュメントは、MCPサーバ全般について「**Verify you trust each server before connecting it. Servers that fetch external content can expose you to prompt injection risk**」と警告しています[3]。Canva MCPは公式提供のサーバですが、`import-design-from-url` や `upload-asset-from-url` のように外部URLを取り込む機能を持ちます。**信頼できないURLをAIエージェントに渡さない**という基本原則は、ここでも有効です。

## どこまで自動化すべきか

 今回の検証を踏まえた、弊社としての現時点の整理です。
| 用途 | 適性 | 理由 |
| ブログのOGP・アイキャッチ量産 | ◎ 向く | 体裁が定型で、誤情報が入り込む余地が小さい。テキストは自分で確定させて流し込める |
| SNS告知画像の下書き | ◯ 条件付き | 速さの恩恵は大きいが、公開前の目視確認が必須。日付・数値・固有名詞は生成させない |
| 既存デザインの一括テキスト差し替え | ◎ 向く | 編集トランザクションが構造データを返すため、機械的に正確。多言語展開との相性も良い |
| キャンペーンLPのメインビジュアル | △ 慎重に | ブランド表現の一貫性はプロンプトでは担保しきれない。ブランドキット活用が前提 |
| ロゴ・CI制作 | × 不可 | ライセンス上、商標としての利用が禁止されている |
| 価格表・仕様表など数値を含む資料 | × 避ける | 生成AIが数値を書き換える／補完するリスク。誤りが最も表面化しにくい領域 |

 要点は**「レイアウトはAIに、事実は人間に」**です。Canva MCPが本当に強いのは、ゼロから絵を描かせることよりも、**確定した正しい情報を、整った体裁に流し込む工程**だと感じました。編集トランザクションAPIで `replace_text` を使えば、テキストの正しさは完全にこちらの管理下に置けます。

## よくある質問（FAQ）

### Q. Canva MCPは無料プランでも使えますか？

 Canva公式のAI Connectorページでは「すべてのCanvaプランがAIアシスタントに接続できます（Canva Freeを含む）」と案内されています[1]。ただし**リサイズは有料プラン、オートフィルとブランドテンプレートはEnterpriseプラン限定**とされています。なお公式ドキュメント間でブランド系機能の要件表記に差があるため、詳細はプラン別制限の章をご確認ください。

### Q. Claude Code以外のAIツールからも使えますか？

 使えます。Canva公式はChatGPT・Claude・Amazon Quick Suiteを提供中、Google Geminiを近日、Microsoft Copilotをプレビューとして掲載しています[1]。加えて、MCPに対応したクライアントであれば `https://mcp.canva.com/mcp` に接続できます。本記事の検証はClaude Code（CLI）で行いました。

### Q. AIが生成したデザインをそのまま公開してよいですか？

 推奨しません。今回の検証だけでも、**日本語の文字化け**、**架空のURL・肩書きの混入**、**指示していない日付の挿入**という3種類の問題が実際に発生しました。詳細は落とし穴の章をご覧ください。公開前の目視確認は必須の工程です。

### Q. 生成した画像を商用利用・クライアント納品できますか？

 CanvaのContent License Agreementでは、広告・販促物・パッケージ・プレゼンなど幅広い商用利用が認められています[5]。ただし**商標・ロゴの一部としての利用（フォントを除く）**と**素材そのものの再販・再配布**は禁止されています。詳細はライセンスの章をご確認ください。ロゴやCIに関わる制作は、オリジナルで対応するのが安全です。

### Q. 大量の画像を一括生成できますか？

 可能ですが、`generate-design` と `export-design` がいずれも**20 req/min**のレート制限を持ちます[4]。数百枚規模ではスロットリングとリトライを前提にした実装が必要です。定型フォーマットへのデータ流し込みであれば、生成ではなくブランドテンプレートのオートフィル（Enterprise）や編集トランザクションによるテキスト差し替えのほうが、速度・正確性ともに有利です。

### Q. 社内でチーム共有できますか？

 接続設定は `.mcp.json` をリポジトリに含めることでチーム配布できますが、**認証はユーザー単位**で、利用者それぞれがCanvaアカウントで認証する必要があります[2]。AIが操作できる範囲は、そのユーザーがCanva上で持つアクセス権の範囲に限られます。

## まとめ  ** この記事のまとめ
- Canva公式のリモートMCPサーバ（`https://mcp.canva.com/mcp`）に `claude mcp add --transport http` と `/mcp` の2ステップで接続でき、33のツールが利用可能になった
- SNS投稿画像（1080×1350）とブログのヒーロー／OGP画像を、Canvaの編集画面を開かずに生成・編集・書き出しできた。所要時間は1枚あたり数分
- 編集トランザクションAPIはデザインを要素ID・座標・寸法の構造データとして返すため、ピクセル単位の調整をコードで指示できる。コミットするまでは下書きで、本番デザインは壊れない
- ただし**1回の呼び出しで操作が部分的に失敗し得る**。`edit_operation_results` の各 `status` の検査は必須
- 生成結果には**日本語の文字化け・架空のURL/肩書き・指示していない日付**が実際に混入した。公開前の人間による確認は省略できない
- プラン制限（リサイズは有料／オートフィル・ブランドテンプレートはEnterprise）とレート制限（生成・書き出しは20 req/min）、および**商標・ロゴへの利用禁止**が実務上の制約になる

 結論として、Canva MCPは**「デザイナーの代替」ではなく「制作パイプラインの部品」**として優秀です。特に、確定した情報を定型フォーマットへ流し込む工程——記事のアイキャッチ量産、多言語版の一括差し替え、定期レポートの体裁整形——では、すぐに投資対効果が出ます。逆に、ブランドの根幹に関わる表現や、数値・日付の正確性が問われる資料は、人間が主導すべき領域が明確に残ります。

 テクノスフィアでは、MCPサーバを組み込んだ[AIエージェント基盤](https://technosphere.co.jp/ai-solution)の設計・構築や、社内業務ツールとAIの連携（Redmine・Obsidian・社内Wikiなど）の実装をご支援しています。「デザイン以外の業務も同じ発想で自動化できないか」といったご相談も歓迎です。

 [AIソリューション](https://technosphere.co.jp/ai-solution) ｜ [AIエージェントの業務自動化事例](https://technosphere.co.jp/blog/openclaw-skills-obsidian-redmine) ｜ [開発の相談をする](https://technosphere.co.jp/contact)

## 参考文献・出典
1. Canva「Canva's AI Connector」公式ページ（対応AIアシスタント、プラン要件のFAQ） — [canva.com/ai-connector/](https://www.canva.com/ai-connector/)
2. Canva Developers「Canva Model Context Protocol (MCP)」（エンドポイント、CIMD/DCR認証、アクセス権の範囲） — [canva.dev/docs/mcp/](https://www.canva.dev/docs/mcp/)
3. Anthropic「Connect Claude Code to tools via MCP」（`claude mcp add` の構文、`/mcp` によるOAuth認証、MCP出力トークン上限、プロンプトインジェクションの注意） — [code.claude.com/docs/en/mcp](https://code.claude.com/docs/en/mcp)
4. Canva Developers「MCP tools and rate limits」（全ツールのレート制限とプラン要件） — [canva.dev/docs/mcp/tools/](https://www.canva.dev/docs/mcp/tools/)
5. Canva「Content License Agreement」（許諾される商用利用の範囲、商標・ロゴへの利用禁止、再配布の禁止） — [canva.com/policies/content-license-agreement/](https://www.canva.com/policies/content-license-agreement/)
6. Model Context Protocol 公式サイト — [modelcontextprotocol.io](https://modelcontextprotocol.io/)

 ※本記事に掲載したコマンド出力・APIレスポンス・エラーメッセージは、2026年7月26日に弊社環境（Claude Code + Canva MCP）で実行した結果の抜粋です。プラン要件・レート制限・提供ツールは各社の仕様変更により変わる可能性があります。ライセンスの解釈については各案件の契約条件をご確認のうえ、必要に応じて専門家にご相談ください。Canvaは Canva Pty Ltd、Claude および Claude Code は Anthropic PBC の商標です。

 AIエージェントに業務を任せる実例は[Obsidian作業ログ＋Redmineチケット運用の完全自動化](https://technosphere.co.jp/blog/openclaw-skills-obsidian-redmine)、社内AI基盤の構築は[AIエージェント基盤の環境構築ガイド](https://technosphere.co.jp/blog/openclaw-getting-started)でも紹介しています。   [技術コラム一覧に戻る](https://technosphere.co.jp/blog/)