Skip navigation

Skip to main content

On September 25th, 2024, we released v2 of the Apps SDK. To learn what’s new and how to upgrade, see Migration FAQ and Migration guide.

Getting started

Overview Prerequisites Quickstart

API reference

Deprecation policy Canva CLI Dev MCP server

Designing apps

App UI Kit Design guidelines Figma resource

Fundamentals

Creating apps Setting up the starter kit Previewing apps Integrating with Canva Configuring permissions Feature support Handling errors Using a backend Testing apps Bundling apps

Platform concepts

Designs Assets Elements Content Suspension

Developing apps

Authenticating users Creating app elements Creating audio tracks Creating images Creating image overlays Creating shapes Creating tables Creating text Creating videos Design editing Embedding rich media Exporting designs Grouping elements Localization Positioning elements Querying content Reading elements Replacing elements Supporting drag and drop Using color selectors Using design IDs Using fonts

Resources

App components App templates

Securing apps

Content Security Policy Cross-Origin Resource Sharing HTTP request verification JSON Web Tokens Security guidelines Shared responsibility model

Monetizing apps

Innovation Fund Payment links

Distributing apps

App review process Submitting apps Submission checklist App listing guidelines Releasing apps Managing team apps Developer verification

In production

Analytics App versioning Deep linking Disabled apps Getting featured

Bundling apps

How to generate a JavaScript bundle for an app.

When you're ready to submit an app for review, you need to upload the app to the Developer Portal⁠(opens in a new tab or window) as a standalone JavaScript bundle. The starter kit includes a build script that handles this for you.

How to generate a bundle

Navigate into the starter kit:
```
cd canva-apps-sdk-starter-kit
```
BASH
Run the following command:
```
npm run build
```
BASH
An app.js file will appear in the dist directory.

How to upload a bundle

Log in to the Developer Portal.
Navigate to an app via the Your apps⁠(opens in a new tab or window) page.
Upload the app.js file to the App source > JavaScript file field.

Known limitations

Canva doesn't support code-splitting, so all code and dependencies must be bundled in a single file. (You can still organize your code into separate files. The webpack configuration in the starter kit takes care of the bundling.)