Skip to main content
Glama
vuthiet2k

Canva MCP Server

by vuthiet2k

Canva MCP Server (Vercel Serverless)

Canva Connect REST API 向けの本番運用対応 Model Context Protocol (MCP) サーバーで、Vercel への1-Clickデプロイと、Spark Gemini、Claude Desktop、Cursor IDE との直接統合に最適化されています。


🌟 ハイライト

  • サーバーレス&超高速:Next.js App Router Node.js ランタイム上に構築され、非同期エクスポートジョブを処理するための60秒の実行制限を備えています。

  • 20以上のCanvaツール: デザイン作成、ブランドテンプレートの自動フィル、アセットのアップロード、フォルダ管理、フォーマットエクスポート(PDF、PNG、JPG、PPTX、MP4)をカバーします。

  • ステートレス認証: CANVA_ACCESS_TOKEN をBearer認証ヘッダーで使用し、外部データベースへの依存はありません。

  • MCP仕様準拠: プロトコルバージョン 2024-11-05 のJSON-RPC over HTTPを完全サポートし、リモートクライアント向けにCORSを開放しています。


Related MCP server: Canva MCP Server

🚀 Vercelへの1-Clickデプロイ

  1. このリポジトリをGitHubアカウント(vuthiet2k/canva-mcp-vercel)にプッシュします。

  2. Vercel Dashboard にアクセスし、canva-mcp-vercel をインポートします。

  3. 環境変数を追加します:

    • CANVA_ACCESS_TOKEN: Canva Developers から取得したCanva Connect APIの個人アクセストークンまたはOAuthトークン。

    • CANVA_API_URL: https://api.canva.com/rest/v1(デフォルト)。

  4. Deploy をクリックします。


⚙️ Spark Geminiへの接続

Spark GeminiのMCP設定に、サーバーエントリを追加します:

{
  "mcpServers": {
    "canva": {
      "url": "https://canva-mcp-vercel.vercel.app/api/mcp",
      "transport": "http",
      "headers": {
        "Content-Type": "application/json"
      }
    }
  }
}

🛠️ 提供ツール一覧(24ツール)

ツール名

説明

canva_create_design

プリセットまたはカスタムサイズでデザインを作成

canva_get_design

デザインのメタデータとURLを取得

canva_search_designs

ユーザーのデザインを検索・一覧表示

canva_get_design_pages

スライドページとサムネイルを取得

canva_resize_design

デザインのサイズを変更

canva_search_brand_templates

自動フィル対応のブランドテンプレートを検索

canva_get_brand_template

ブランドテンプレートの詳細を取得

canva_get_brand_template_dataset

データセットのスキーマを取得

canva_autofill_design

テンプレートにデータを自動フィルして新しいデザインを生成

canva_upload_asset_from_url

公開URLから画像・動画アセットをアップロード

canva_get_asset

アセットのメタデータを取得

canva_delete_asset

Canvaライブラリからアセットを削除

canva_list_brand_kits

ブランドキット(色、フォント、ロゴ)を一覧表示

canva_create_folder

フォルダを作成

canva_list_folder_items

フォルダ内のアイテムを一覧表示

canva_search_folders

キーワードでフォルダを検索

canva_move_item_to_folder

デザインまたはフォルダを移動

canva_get_export_formats

利用可能なエクスポート形式を取得

canva_create_export_job

デザインをPDF、PNG、JPG、PPTX、MP4にエクスポート

canva_get_export_job

エクスポートの状態を確認し、ダウンロードリンクを取得

canva_get_user_profile

現在の認証済みユーザーのプロフィールを取得

canva_list_comments

デザインのコメントを一覧表示

canva_comment_on_design

デザインにコメントを追加

canva_reply_to_comment

デザインのコメントに返信


📄 ライセンス

MIT License © 2026 Hoàng Vũ Thiết

Related MCP Connectors

Related MCP Servers

  • A
    license
    Not graded
    quality
    D
    maintenance
    Enables programmatic design creation and manipulation on the Canvelete platform through AI assistants. Supports design management, canvas element manipulation, template application, asset management, and real-time synchronization with the design editor.
    62 npm
    MIT
  • A
    license
    C
    quality
    B
    maintenance
    Enables interaction with Canva through the official Canva Connect API via OAuth, including listing and creating designs, uploading assets, exporting, brand template autofill, resizing, catalog access, and optional desktop screen control.
    28
    MIT