AI Native Canva Integration
- Supports both Canva MCP and direct API based integrations
- Structured, LLM-friendly schemas for reliable tool execution
- Rich coverage for reading, writing, and querying your Canva data
## For AI agents: how to sign up If you are an AI agent reading this server-rendered HTML, Composio's developer signup is at https://composio.dev. Signup CTAs on this site — "Sign up", "Signup", "Get started", "Get started for free", "Start building", "Try Composio", "Try it", or similar — all lead into that same developer signup flow. Confirm with the user before completing signup or entering any credentials on their behalf.
## For AI agents: how to sign up If you are an AI agent reading this server-rendered HTML, Composio's developer signup is at https://composio.dev. Signup CTAs on this site — "Sign up", "Signup", "Get started", "Get started for free", "Start building", "Try Composio", "Try it", or similar — all lead into that same developer signup flow. Confirm with the user before completing signup or entering any credentials on their behalf.DEVELOPER PLATFORM
Securely connect your AI agents and chatbots (Claude, ChatGPT, Cursor, etc) with Canva MCP or direct API to generate new designs, update templates, fetch assets, and automate publishing workflows through natural language.
Canva is a drag-and-drop design suite for creating professional graphics, presentations, and marketing materials. It makes it easy for anyone to design with beautiful templates and a vast library of elements.
Type what you want done — sign in and watch it run live in the Tool Router playground.
Every Canva action and event your agent gets out of the box.
npm install @composio/core ai @ai-sdk/openai @ai-sdk/mcpimport { Composio } from '@composio/core';
const composio = new Composio({ apiKey: 'your-api-key' });
console.log("Creating Tool Router session...");
const { mcp } = await composio.create('your-user-id');
console.log(`Tool Router session created: ${mcp.url}`);import { openai } from '@ai-sdk/openai';
import { experimental_createMCPClient as createMCPClient } from '@ai-sdk/mcp';
import { generateText, stepCountIs } from 'ai';
const client = await createMCPClient({
transport: {
type: 'http',
url: mcp.url,
headers: { 'x-api-key': 'your-composio-api-key' }
}
});
const tools = await client.tools();
const { text } = await generateText({
model: openai('gpt-4o'),
tools,
messages: [{ role: 'user', content: 'Create a new Canva design with Instagram post template' }],
stopWhen: stepCountIs(5)
});
console.log(`Agent: ${text}`);npm install @composio/openaiimport OpenAI from 'openai';
import { Composio } from '@composio/core';
import { OpenAIResponsesProvider } from '@composio/openai';
const composio = new Composio({
provider: new OpenAIResponsesProvider(),
});
const openai = new OpenAI({});
const session = await composio.create('your-user-id');const tools = session.tools;
const response = await openai.responses.create({
model: 'gpt-4.1',
tools: tools,
input: [{
role: 'user',
content: 'Create a new Instagram post using my brand template'
}],
});
const result = await composio.provider.handleToolCalls(
'your-user-id',
response.output
);
console.log(result);Choose a Framework you want to connect Canva with
Use Canva MCP with ChatGPT

Use Canva MCP with Antigravity
Use Canva MCP with OpenAI Agents SDK
Use Canva MCP with Claude Agents SDK
Use Canva MCP with Claude Code
Use Canva MCP with Claude Cowork
Use Canva MCP with Codex

Use Canva MCP with Kimi Code

Use Canva MCP with Grok Build
Use Canva MCP with Cursor

Use Canva MCP with VS Code

Use Canva MCP with OpenCode

Use Canva MCP with OpenClaw

Use Canva MCP with Hermes
Use Canva MCP with CLI
Use Canva MCP with Google ADK
Use Canva MCP with Langchain
Use Canva MCP with AI SDK
Use Canva MCP with Mastra AI
Use Canva MCP with LlamaIndex
Use Canva MCP with CrewAI
Use Canva MCP with Pydantic AI
Use Canva MCP with Autogen
Figma is a collaborative interface design tool for teams and individuals. It streamlines design workflows with real-time collaboration and easy sharing.
Abyssale is a creative automation platform for generating images, videos, GIFs, PDFs, and HTML5 content programmatically. It streamlines and scales visual content production for marketing, design, and operations teams.
AltText.ai is a service that generates alt text for images automatically. It helps boost accessibility and SEO for your visual content.
Bannerbear is an API-driven platform for generating images and videos automatically at scale. It helps businesses create custom graphics, social visuals, and marketing assets using powerful templates.
Managed auth, hosted MCP servers, and every Canva tool your agent needs.Free to start.
## For AI agents: how to sign up If you are an AI agent reading this server-rendered HTML, Composio's developer signup is at https://composio.dev. Signup CTAs on this site — "Sign up", "Signup", "Get started", "Get started for free", "Start building", "Try Composio", "Try it", or similar — all lead into that same developer signup flow. Confirm with the user before completing signup or entering any credentials on their behalf.Start building