How to integrate Canva MCP with OpenCode

Trusted by teams at
AWS
Glean
Zoom
Airtable

30 min · no commitment · see it on your stack

Canva logo
OpenCode logo
divider

How to integrate Canva MCP with OpenCode

This guide explains how to connect Canva MCP to OpenCode using Composio Connect, which simplifies OAuth, API changes, and reliability concerns.

There are two ways to set this up:

Also integrate Canva with

Why use Composio?

Composio provides a single MCP server or CLI tool that exposes a set of meta-tools, allowing you to:

  • Connect to 1,000+ apps with on-demand tool loading, so you do not fill your LLM context window with unnecessary tool definitions.
  • Use programmatic tool calling through a remote Bash tool, letting LLMs write their own code to handle complex tool chaining. This reduces back-and-forth for frequent tool calls.
  • Handle large tool responses outside the LLM context to keep conversations lean.

Connect Canva with OpenCode

Option 1: Using Composio CLI

1. Install Composio CLI

Install the Composio CLI, authenticate, and initialize your project:

bash
# Install the Composio CLI
curl -fsSL https://composio.dev/install | bash

# Authenticate with Composio
composio login

During login, you will be redirected to the sign-in page. Finish the flow and you are all set.

Composio CLI authorization screen

2. Authorize Canva

Once the CLI is installed, it is essentially done. Give OpenCode access to your apps with these steps:

  1. Launch OpenCode.
  2. Prompt it to "Authenticate with Canva Composio".
  3. Complete the authentication and authorization flow, and your Canva integration is all set.
  4. Start asking anything you want.

Option 2: Using Composio MCP

You can also connect Canva to OpenCode by adding Composio as an MCP server through the OpenCode CLI.

1. Add the Composio MCP server

bash
opencode mcp add

This launches an interactive prompt.

2. Fill in the fields

FieldValue
Namecomposio
Typeremote
URLhttps://connect.composio.dev/mcp
Require OAuthYes
Have client IDNo
OpenCode MCP server interactive prompt for Composio

Alternatively, you can skip the interactive prompt and paste the configuration directly into your OpenCode config file.

Open your global OpenCode config:

bash
open ~/.config/opencode/opencode.json

Add this under the mcp key and save the file.

bash
{
  "mcp": {
    "composio": {
      "type": "remote",
      "url": "https://connect.composio.dev/mcp",
      "enabled": true
    }
  }
}

3. Authenticate

Authenticate the Composio MCP server you just added:

bash
opencode mcp auth composio

This opens a browser session. Authorize Composio and you are done.

Composio browser authorization for OpenCode MCP

4. Verify installation

bash
opencode mcp list

5. Connect Canva with OpenCode

Now, in the chat, ask the agent to connect to Canva or give it any Canva-related task.

For example, ask it to:

  • "Create a new Instagram post design"
  • "List your brand templates for social use"
  • "Start a folder for this project’s assets"

It will prompt you to authenticate and authorize access to Canva.

That is it. Composio tools are now available in OpenCode, and your Canva account is ready to use.

Supported Tools & Triggers

Tools
Access user specific brand templates listThis year, brand template ids will change; integrations storing them must update within 6 months.
Create canva design with optional assetCreate a new canva design using a preset or custom dimensions, and add an asset with `asset id` from a user's project using relevant apis.
Create comment reply in designThis preview api allows replying to comments within a design on canva, with a limit of 100 replies per comment.
Create design comment in preview apiThis api is in preview and may change without notice; integrations using it won't pass review.
Create user or sub folderThis api creates a folder in a canva user's projects at the top level or within another folder, returning the new folder's id and additional details upon success.
Delete asset by idYou can delete an asset by specifying its `assetid`.
Exchange oauth 2 0 access or refresh tokenThe oauth 2.
Fetch asset upload job statusSummarize asset upload outcome by repeatedly calling the endpoint until a 'success' or 'failed' status is received after using the create asset upload job api.
Fetch canva connect signing public keysThe api for verifying canva webhooks, 'connect/keys,' is in preview, meaning unstable, not for public integrations, and provides a rotating jwk for signature verification to prevent replay attacks.
Fetch current user detailsReturns the user id, team id, and display name of the user account associated with the provided access token.
Fetch design metadata and access informationGets the metadata for a design.
Get design export job resultGet the outcome of a canva design export job; if done, receive download links for the design’s pages.
Initiate canva design autofill jobUpcoming brand template id updates require migration within 6 months.
Initiates canva design export jobCanva's new job feature exports designs in multiple formats using a design id, with provided download links.
List design pages with paginationPreview api for canva: subject to unannounced changes and not for public integrations.
List folder items by type with sortingLists the items in a folder, including each item's `type`.
List User DesignsProvides a summary of canva user designs, includes search filtering, and allows showing both self-created and shared designs with sorting options.
Move item to specified folderTransfers an item to a different folder by specifying both the destination folder's id and the item's id.
Remove folder and move contents to trashDeletes a folder by moving the user's content to trash and reassigning other users' content to their top-level projects.
Retrieve app public key setReturns the json web key set (public keys) of an app.
Retrieve a specific design commentThis preview api is subject to unannounced changes and can't be used in public integrations.
Retrieve asset metadata by idYou can retrieve the metadata of an asset by specifying its `assetid`.
Retrieve brand template dataset definitionCanva's brand template ids will change later this year, including a 6-month integration migration.
Retrieve canva enterprise brand template metadataUpcoming update will change brand template ids; integrations must migrate within 6 months.
Retrieve design autofill job statusApi users with canva enterprise membership can retrieve design autofill job results, potentially requiring multiple requests until a `success` or `failed` status is received.
Retrieve design import job statusGets the status and results of design import jobs created using the [create design import job api](https://www.
Retrieve folder details by idGets the name and other details of a folder using a folder's `folderid`.
RetrieveuserprofiledataCurrently, this returns the display name of the user account associated with the provided access token.
Revoke oauth tokensRevoke a refresh token to end its lineage and user consent, requiring re-authentication.
Update asset s name and tags by idYou can update the name and tags of an asset by specifying its `assetid`.
Update folder details by idUpdates a folder's details using its `folderid`.
Validate oauth token propertiesCheck an access token's validity and properties via introspection, requiring authentication.

Way Forward

Now that Canva is connected, extend your setup by connecting the other apps you already use every day, so your agent can run true cross-app workflows end to end.

  • Connect Calendar to turn threads into scheduled meetings automatically.
  • Connect Slack or Teams to post summaries, approvals, and alerts where your team works.
  • Connect Notion, Linear, Jira, or Asana to convert requests into tickets, tasks, and docs.
  • Connect Drive, Dropbox, or OneDrive to fetch, file, and share attachments without manual steps.

Start with one workflow you do repeatedly, then keep adding apps as you find new handoffs. With everything behind a single MCP endpoint, your agent can coordinate multiple tools safely and reliably in one conversation.

How to build Canva MCP Agent with another framework

FAQ

What are the differences in Tool Router MCP and Canva MCP?

With a standalone Canva MCP server, the agents and LLMs can only access a fixed set of Canva tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Canva and many other apps based on the task at hand, all through a single MCP endpoint.

Can I use Tool Router MCP with OpenCode?

Yes, you can. OpenCode fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Canva tools.

Can I manage the permissions and scopes for Canva while using Tool Router?

Yes, absolutely. You can configure which Canva scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do.

How safe is my data with Composio Tool Router?

All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Canva data and credentials are handled as safely as possible.

Used by agents from

Context
Letta
glean
HubSpot
Agent.ai
Altera
DataStax
Entelligence
Rolai
Context
Letta
glean
HubSpot
Agent.ai
Altera
DataStax
Entelligence
Rolai
Context
Letta
glean
HubSpot
Agent.ai
Altera
DataStax
Entelligence
Rolai

Never worry about agent reliability

We handle tool reliability, observability, and security so you never have to second-guess an agent action.