---
title: "Canva Integration"
description: "List and create Canva designs, manage folders, and export assets"
---
The Canva integration provides access to list and create Canva designs, manage folders, and export assets through the Integrate MCP server.

## Installation

The Canva integration is included with the SDK:

```typescript
import { canvaIntegration } from "integrate-sdk/server";
```

## Setup

### 1. Create a Canva OAuth App

1. Create an OAuth application for Canva
2. Configure your redirect URI
3. Note your Client ID and Client Secret

### 2. Configure the Integration on Your Server

Add the Canva integration to your server configuration. The integration automatically reads `CANVA_CLIENT_ID` and `CANVA_CLIENT_SECRET` from your environment variables:

```typescript
import { createMCPServer, canvaIntegration } from "integrate-sdk/server";

export const { client: serverClient } = createMCPServer({
  apiKey: process.env.INTEGRATE_API_KEY,
  integrations: [
    canvaIntegration({
    }),
  ],
});
```

You can override the environment variables by passing explicit values:

```typescript
canvaIntegration({
  clientId: process.env.CUSTOM_CANVA_ID,
  clientSecret: process.env.CUSTOM_CANVA_SECRET,
});
```

### 3. Client-Side Usage

The default client automatically includes all integrations. You can use it directly:

```typescript
import { client } from "integrate-sdk";

await client.authorize("canva");
const result = await client.canva.getMe({});

console.log(result);
```

If you're using a custom client, add the integration to the integrations array:

```typescript
import { createMCPClient, canvaIntegration } from "integrate-sdk";

const customClient = createMCPClient({
  integrations: [canvaIntegration()],
});
```

## Configuration Options

<AutoTypeTable
  path="../src/integrations/canva.ts"
  name="CanvaIntegrationConfig"
/>


## Tools

### `canva_get_me`

Get me

_No parameters._

### `canva_get_profile`

Get profile

_No parameters._

### `canva_list_designs`

List designs

<AutoTypeTable
  path="generated/tool-params/canva.ts"
  name="CanvaListDesignsParams"
/>

### `canva_get_design`

Get design

<AutoTypeTable
  path="generated/tool-params/canva.ts"
  name="CanvaGetDesignParams"
/>

### `canva_get_design_export_formats`

Get design export formats

<AutoTypeTable
  path="generated/tool-params/canva.ts"
  name="CanvaGetDesignExportFormatsParams"
/>

### `canva_create_design`

Create design

<AutoTypeTable
  path="generated/tool-params/canva.ts"
  name="CanvaCreateDesignParams"
/>

### `canva_get_folder`

Get folder

<AutoTypeTable
  path="generated/tool-params/canva.ts"
  name="CanvaGetFolderParams"
/>

### `canva_list_folder_items`

List folder items

<AutoTypeTable
  path="generated/tool-params/canva.ts"
  name="CanvaListFolderItemsParams"
/>

### `canva_create_folder`

Create folder

<AutoTypeTable
  path="generated/tool-params/canva.ts"
  name="CanvaCreateFolderParams"
/>

### `canva_update_folder`

Update folder

<AutoTypeTable
  path="generated/tool-params/canva.ts"
  name="CanvaUpdateFolderParams"
/>

### `canva_delete_folder`

Delete folder

<AutoTypeTable
  path="generated/tool-params/canva.ts"
  name="CanvaDeleteFolderParams"
/>

### `canva_list_brand_templates`

List brand templates

<AutoTypeTable
  path="generated/tool-params/canva.ts"
  name="CanvaListBrandTemplatesParams"
/>

### `canva_get_brand_template`

Get brand template

<AutoTypeTable
  path="generated/tool-params/canva.ts"
  name="CanvaGetBrandTemplateParams"
/>

### `canva_create_export_job`

Create export job

<AutoTypeTable
  path="generated/tool-params/canva.ts"
  name="CanvaCreateExportJobParams"
/>

### `canva_get_export_job`

Get export job

<AutoTypeTable
  path="generated/tool-params/canva.ts"
  name="CanvaGetExportJobParams"
/>

## Notes

- Category: Productivity
- Authentication mode: OAuth