Publish extensions

A publish extension adds a publish destination to Canva. This destination appears in the Publish menu. Users can then publish their designs to the destination platform.
To create a publish extension from scratch, check out the Quick start guide.
Examples of publish extensions
These are some examples of apps with publish extensions:
​Pinterest - Post designs to your boards on Pinterest.
​Slack - Share designs to your channels on Slack.
​Twitter - Post designs on Twitter.
You can find more examples at canva.com/apps.
Supported publish formats
A publish extension can publish the user's design in any of the following formats:
JPG
PNG
PDF
PPTX
You can configure the supported formats via the Developer Portal.
Designs published as a PNG don't have transparent backgrounds.
How users experience publish extensions
Users can find publish extensions via the Publish menu.
When a user opens a publish extension, the user experience depends on the layout of the extension, which you can configure via the Developer Portal. This is an example of the user experience of an extension that uses the Basic layout:
When a user clicks the Save button, Canva sends a request to the destination platform to upload the user's design. The extension then responds with a URL where the user can view their design on the destination platform.
With additional configuration, a publish extension can also:
​Let users search for a folder​
​Require users to provide a message before publishing their design​
​Require users to authenticate with the destination platform​
How publish extensions work
At its most basic, a publish extension is a REST API.
Canva expects this API to have the following endpoints:
​/publish/resources/find​
​/publish/resources/get​
​/publish/resources/upload​
As a user interacts with a publish extension via Canva's UI, Canva sends requests to these endpoints and expects to receive responses in a format that it understands.
The /publish/resources/find and /publish/resources/get endpoints are only required for extensions that use the Flat list or Nested list layout.
Request-response cycle
The request-response cycle of a publish extension depends on the extension's layout. This is the request-response cycle of a publish extension that uses the Basic layout:
Canva sends additional requests if the extension supports authentication.
Limitations
Publish extensions can’t publish designs as videos, GIFs, or HTML. Some apps, like the Twitter app, can publish videos because they're created by Canva.
You're not allowed to create publish extensions that let users print their designs on physical products.
Example
1
const express = require("express");
2
const jimp = require("jimp");
3
const path = require("path");
4
const url = require("url");
5
​
6
const app = express();
7
​
8
app.use(express.json());
9
app.use(express.static("public"));
10
​
11
app.post("/publish/resources/upload", async (request, response) => {
12
  // Download the image
13
  const [asset] = request.body.assets;
14
  const image = await jimp.read(asset.url);
15
​
16
  // Write the file to disk
17
  const filePath = path.join(__dirname, "public", asset.name);
18
  await image.writeAsync(filePath);
19
​
20
  // Respond to the request
21
  response.send({
22
    type: "SUCCESS",
23
    url: url.format({
24
      protocol: request.protocol,
25
      host: request.get("host"),
26
      pathname: asset.name,
27
    }),
28
  });
29
});
30
​
31
app.listen(process.env.PORT || 3000);
Copied!

Touch mode

Quick start

Last modified 2mo ago

Copy link

Contents

Examples of publish extensions

Supported publish formats

How users experience publish extensions

How publish extensions work

Limitations

Example