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

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 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 Uploading assets 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

Figma resource

Mock up designs for your app.

Introducing our Figma resource! This Figma file includes the common Canva components you may need to mock up a design for your app. This file matches the components in our App UI Kit, which you can find in the starter kit. Happy designing!

How to use this file

Download and install font files
Download font files(opens in a new tab or window)
Canva has a couple of its own custom fonts: Canva Sans and Canva Sans Display. You need to download and install these fonts to properly view the Figma file.
To learn how to use custom fonts with Figma, see Access local fonts on your computer⁠(opens in a new tab or window).
Download the Figma resource file
Download App UI Kit Figma resource(opens in a new tab or window)
Simply download this file and open it in Figma.