3行でいうと

  • 「Canva Dev MCP」は、AIコネクタとは別のものです。自分のパソコンの中で動き、Canvaのアプリを作るための開発資料を、AIに読ませます。自分のデザインを読み書きするものではありません。
  • AIコネクタでつないだあとにできる操作と、ツールごとの速度の上限、管理者の設定（公式のページ同士で道筋が違う）、外し方のまとめは、この記事の前半にあります。
  • 起動のコマンドは npx -y @canva/cli@latest mcp、設定上の名前は canva-dev です。Cursor、Claude Code、Codex、VS Code、Claude Desktopごとの書き方が、公式のページにあります。
  • Canva AIの「Connectors」は、向きが逆です。Gmail、Notion、Google Calendarなどの内容を、Canva AIに引くもので、現在は読み取り専用、テキストのみ、Canvaが作ったものだけ、と公式が書いています。ユーザーの設定手順は、読んだ範囲に見つかりませんでした。
  • 自分のサービスからCanva MCPを呼ぶ場合は、ユーザーが1人ずつOAuthで認証します。組織全体での認証には、Canvaは対応していない、と公式が書いています。最後の「組み合わせ案」は、公式の手順ではなく、この記事の案で、動作は確かめていません。

この記事は、公式の資料を2026年10月25日に読んでまとめたものです。この記事は、実際に使って確かめた記録ではありません。運営者はCanvaを入れていますが、使い心地はこの記事には書いていません。手順は「公式の手順を順に並べたもの」と、そのつど区別します。画面の表記は変わるので、手元の画面と照らして読んでください。公式ページは要約の形で取得したため、書かれていない部分は「公式で確認できていない」と書きます。

先に結論

前提：用語をそろえる

つないだあとにできる操作と、速度の上限（公式の表記）

公式のヘルプ「Actions you can take in AI assistants connected to Canva MCP」の操作と、例のプロンプトです（英語は公式の例の写し）。操作は、アシスタントによって違う、と書かれています。使えない操作は、Canvaでデザインを開いて行います。

操作 できること 公式の例のプロンプト（短い引用）
Generate design プロンプトから新しいデザインを作る（管理者がMagic Designを有効にしていること） Create a vibrant Earth Day poster…
Create a design 形式や目的に合う、編集できるデザインを作る Create an Instagram post announcing our spring sale…
Search Designs ID、タイトル、内容で探す Find all presentations that mention Q2 marketing strategy
Search Designs with ID IDから、詳細と共有リンクを得る Get the shareable edit link for design …
Get a Design デザインの文字と画像を取る Extract all text content from…
Resize a design 決まった大きさや自由な大きさに変える Resize my presentation to 16:9 widescreen format
View the pages of a design 複数ページのデザインのページとサムネイル How many pages are in my Annual Report design?
Get presenter notes プレゼンのノートを見る Get the presenter notes from…
Import a design from URL URLのPDFやPowerPointを、Canvaのデザインにする Convert this PowerPoint deck to editable Canva design…
Export a design PDF、PNG、MP4などに書き出す Download this infographic as a high-resolution PNG
Merge designs 複数のデザインを1つにまとめる Merge my campaign overview presentation and social media plan into one deck
Copy design 元を変えずに複製する Copy this presentation before I update it…
Create a folder／Move item to a folder／List folder items フォルダの作成、移動、中身の一覧 Create a new folder called…
View and reply to comments コメントを見る、絞る Show all unresolved feedback on…
Search Brand Templates 共有されたブランドテンプレートを探す Find our official sales pitch deck template
See brand template Data set ブランドテンプレートに入れられる項目の一覧 What data fields does the newsletter template require?
Autofill a templated design ブランドテンプレートに、データを入れる Populate the monthly report template with…

開発者向け資料「Tools」のページは、ツールごとの速度の上限（1分あたりの回数）を書いています。専用の上限がない「Default」のツールには、サーバーの既定の上限（ユーザー1人あたり1分に300回）がかかり、そのユーザーのMCPクライアント全体で数える、とあります。専用の上限が書かれたツールに、この300回がかかるかどうかは、ページに書かれていません。ツールごとの上限が、クライアントをまたいで数えられるかも、書かれていません。ツールごとの上限の例は、generate-image が10、generate-design と export-design と resize-design が20、autofill-design が60、search-designs が100、resolve-shortlink は上限なし、です（確認日 2026年10月25日。数字は変わりうるので、公式の表で確かめてください）。

連携の管理者の設定（Canvaのチーム側）

チームの管理者向けの手順は、公式のページで、書き方が3か所に分かれています。どれが現在の画面かは、読んだ範囲では決められません。

資料 書かれていること
ヘルプ「mcp-agent-setup」 「Admin Dashboard」、「Controls and Permissions」、「Third-party integrations」で、「Canva's AI Connector」のスイッチをオン・オフ。別の節では、「Settings → Controls and Permissions」とも書かれ、2つの道筋はそろっていない。オフにすると、チームの誰もアシスタントをつなげず、既存の接続も止まる。承認した人に限る設定もできる、と書かれている。対象は、Teams、Business、Nonprofit、Education、Enterprise。Freeかどうかは書かれていない
ヘルプ「ai-connectors-canva」 管理者は、AIコネクタを、チーム全体でだけオン・オフできる。ユーザーごと、アシスタントごとの制御はできない。メニューの場所は、このページには書かれていない
ヘルプ「admin-control-third-party-app-integrations」 プロフィールのアイコン、「Settings」、「Apps」、「Manage」のタブで、アプリを探し、「more」のメニューから「Override access」、「Who can use this app?」で、「Everyone」「Team admins and Team brand designers」「Team admins only」「No one」から選ぶ。対象は、EnterpriseとTeams。AIコネクタについては、このページに記載がない。移行の途中で、画面が違うことがあると書かれている
ヘルプ「mcp-canva-usage」 Magic Designをオフにすると、Generate designは、チームの全員が使えなくなる。管理者は、「Settings」、「Permissions」、「Magic and AI」で変えられる

製品ページは、「Account administrators can disable or limit access at any time」と書いています（短い引用）。

渡るもの、残るもの、外すもの（4つのアシスタントのまとめ）

アシスタント 外し方（公式のヘルプ） Canva側から外す方法 外したあと
Claude チャットのコネクタのオフ（一時）。「Settings」「Connectors」「Canva」「more」「Disconnect」（完全） ヘルプには記載が見つからない 記載なし
ChatGPT 「@ Plugins」「Canva」から、「Manage」「Disconnect」、または「Uninstall」 ヘルプには記載が見つからない 選んだデザインだけが、Canvaに保存される、と書かれている
Gemini 「Connected Apps」の「Other」で、スイッチをオフ、または「Learn more」から「Unlink」 ヘルプには記載が見つからない 「Unlink」の影響は、書かれていない
Microsoft Copilot 「Agent store」で「Uninstall」か「Remove」。Coworkでは、「manage plugins」でオフか「Remove」 ヘルプには記載が見つからない 管理者が入れたものは、自分では外せないことがある
どれでも 「mcp-agent-setup」は、「Disconnect Canva in your AI assistant」と書く 製品ページ：Canvaで、「Your profile」、「Integrations connected to Canva」、「Canva AI Connector」の横の「Disconnect」。アシスタントは、すぐにアクセスを失い、デザインはCanvaに残る、と書かれている 製品ページは、デザインはCanvaに残る、と書く

「Integrations connected to Canva」の画面の名前は、製品ページにあるもので、ヘルプのページからは、確かめられていません。手元の画面と照らしてください。

連携1：コーディングエージェントに、Canvaの開発資料を読ませる（Dev MCP）

公式の「Dev MCP server」と、「Canva for AI agents」のページに、設定が書かれています。AIコネクタとは別のものです（「mcp-agent-setup」も、AIコネクタはDeveloper MCP Serverとは違う、と書いています）。

何をするものか

自分のパソコンの中で動くMCPサーバーで、AIが、Canvaのアプリを作るための開発資料とツールを使えるようにします。公式は、サーバーは自分の端末で動き、canva.devなどから資料を取り、コードやプロンプトを、自分のAIやLLMのツール以外へは送らない、と書いています。自分のCanvaのデザインを読み書きするものではありません。

準備

公式の前提は、git、Node.js v24以降、npm、対応するMCPのクライアントです。「Canva for AI agents」のページは、先に Canva CLI を入れる前提を、次のコマンドで書いています（公式の例の写し）。

npm install -g @canva/cli@latest

CLIを入れたあとにログインする、と書かれていますが、ログインの方法は書かれていません。一方、「Dev MCP server」のページには、ログインやAPIキーの手順がありません。どちらも原文で確認してください。

サーバーの起動コマンドと設定名

起動は、npx -y @canva/cli@latest mcp で、設定上の名前は canva-dev です。Cursor、VS Code、Claude Codeの設定は、2つの公式ページ（「Dev MCP server」と「Canva for AI agents」）で同じ内容が読めました。Codexは「Canva for AI agents」だけに、Claude Desktopは「Dev MCP server」だけに書かれていて、「Dev MCP server」のページにはCodexの手順がありません。「Canva for AI agents」は、対応先として Cursor、Claude Code、Codex、GitHub Copilot を挙げていますが、GitHub Copilot向けの設定は、読んだ範囲に見つかりませんでした。取得は要約を通しているので、設定ファイルに写す前に、公式の原文と照らしてください。

Cursor

プロジェクトの .cursor/mcp.json に書く形です（公式の例の写し）。

{
  "mcpServers": {
    "canva-dev": {
      "command": "npx",
      "args": ["-y", "@canva/cli@latest", "mcp"]
    }
  }
}

ほかに、公式のページには、ワンクリックで入れるリンク（one-click install link）がある、と書かれています。ツールは、Agent modeでだけ使えます。

Claude Code

ターミナルで、次を実行する形です（公式の例の写し）。

claude mcp add canva-dev -- npx -y @canva/cli@latest mcp

Codex

ターミナルで、次を実行する形です（「Canva for AI agents」の公式の例の写し）。

codex mcp add canva-dev -- npx -y @canva/cli@latest mcp

VS Code

プロジェクトの .vscode/mcp.json に書く形です。上位のキーが servers で、type が stdio である点が、Cursorと違います（公式の例の写し）。

{
  "servers": {
    "canva-dev": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@canva/cli@latest", "mcp"]
    }
  }
}

VS Codeも、ツールはAgent modeでだけ使えます。

Claude Desktop

公式の「Dev MCP server」は、次の手順を書いています。

  1. 「Settings」を開きます（Windowsは Ctrl + ,、macOSは Command + ,）。
  2. 「Developer」のタブを開き、「Edit Config」を選びます。
  3. Cursorと同じ mcpServers の設定を足します。

公式は、実際の開発には Cursor か Claude Code を「recommend」する、と書き、Claude Desktop は「documentation assistance」に向く、と書いています（公式の書き方を引いたもので、この記事の見立てではありません）。

再起動と確かめ方

  1. 設定を保存して、クライアントを再起動します。
  2. 確かめます。Claude Desktopなら、「+」、「Connectors」、「Manage connectors」で見ます。
  3. 質問で試します。公式の例は、「How many components are in the App UI Kit?」です（短い引用）。成功すると、ツールを使う許可を求める表示が出る、と書かれています。

公式が書いている、はじめのプロンプトの例は、Canva Dev MCPを使って、CLIの手順で「hello-world」のCanvaアプリを作り、生成された各ファイルを説明させ、手元で動かす、という内容です。

外し方とうまくいかないとき

連携2：Canva AIの中に、外のツールの内容を引く（Connectors）

向きが逆の連携です。公式の開発者向け資料「Connectors in Canva AI」は、Canvaのユーザーが、Gmail、Notion、Google Calendarなどの、すでに使っているツールの内容を、Canva AIに引ける機能、と書いています。

連携3：自分のサービスから、Canvaを呼ぶ（入口だけ）

この記事の案：AIの組み合わせの例

ここは、公式の手順ではなく、公式の記載の範囲で、この記事が組んだ案です（動作は確かめていません）。

組み合わせ 流れの案 公式の記載の根拠
Claude × Canva Claudeで、文章の骨組みを作る、そのあと「Canvaで、この内容で3枚のプレゼンを作って」と頼む。できたデザインを、Canvaで開いて直す Claudeの手順（連携A）、操作の「Generate design」「Create a design」
ChatGPT × Canva ChatGPTで、「Canva, create a presentation from this outline」の形で頼む。気に入ったものだけ、Canvaで開いて保存する ChatGPTのお知らせの例、ヘルプの「選んだデザインだけが保存される」
Copilot × Canva Microsoft 365のCopilotから、Canvaのエージェントを使い、作る、直す Copilotの手順（連携D）
Cursor（または Claude Code）× Canva Dev MCP Canvaのアプリを作る開発で、AIにCanvaの開発資料を読ませる Dev MCPの設定（連携1）。自分のデザインには触らない
2つのAIを使い分ける 文章の下書きはあるAI、デザインの形にするのはCanvaにつないだAI、という分け方。ただし、2つ目のAIに渡す文章は、自分でコピーして貼る形になる 公式に、AI同士を直接つなぐ手順の記載はない。この案は、人が間でコピーする前提
Make × Canva Makeのシナリオで、デザインを作る、書き出す、と自動にする 「Connect AI assistants and tools to Canva」が、Makeを対応先として、作る・書き出すを挙げている。設定手順は、読んだ範囲になし

案の注意：機密のものを渡す前に、07の「渡るデータと権限」と、そのアシスタントの会社の方針を確認してください。

気をつけること

出典