{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-agen-for-work/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["Notification","LightboxImage"]},"type":"markdown"},"seo":{"title":"Canva integration","siteUrl":"https://developers.frontegg.com/","llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"canva-integration","__idx":0},"children":["Canva integration"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Canva is an online design and visual communication platform for creating presentations, social media graphics, documents, and other visual content. The Canva integration with Frontegg connects to the Canva Connect API, letting your application manage designs, folders, and assets and read brand templates, comments, and user profiles on behalf of your users."]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Notification","attributes":{"title":"Prerequisites","type":"attention"},"children":[{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["A Canva account"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["A ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Public"]}," integration is enough to build and test with your own team, with no paid plan required. A ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Private"]}," integration requires a Canva Enterprise plan."]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"connect-canva","__idx":1},"children":["Connect Canva"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":4,"id":"step-1-open-the-developer-portal","__idx":2},"children":["Step 1: Open the developer portal"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Sign in to Canva and go to the ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://www.canva.com/developers/"},"children":["Canva Developer Portal"]},". Open the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Your integrations"]}," page and click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Create an integration"]},"."]},{"$$mdtype":"Tag","name":"LightboxImage","attributes":{"isLightbox":true},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"img","attributes":{"src":"/assets/canva-1.cea11c76fcf13da00aafea307102e4aec689c985b3c679a7c74e001025015f55.1ce25488.png","alt":"Canva Developer Portal Your integrations page with the Create an integration button highlighted"},"children":[]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":4,"id":"step-2-choose-the-integration-type","__idx":3},"children":["Step 2: Choose the integration type"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Select ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Public"]}," as the integration type, agree to the Canva developer terms, and click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Create Integration"]},"."]},{"$$mdtype":"Tag","name":"Notification","attributes":{"title":"Public vs Private","type":"info"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["A ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Public"]}," integration can be used by anyone on Canva once it is approved, and it works with your own team while still in draft. A ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Private"]}," integration is limited to the team that built it and requires a Canva Enterprise plan. The integration type can't be changed after creation."]}]},{"$$mdtype":"Tag","name":"LightboxImage","attributes":{"isLightbox":true},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"img","attributes":{"src":"/assets/canva-2.bc6cb94d5cbd33dc97b6a014f934a98bd0efbd1675513379830bd91a00bd4bcd.1ce25488.png","alt":"Canva integration type dialog with the Public option highlighted"},"children":[]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":4,"id":"step-3-name-your-integration-and-copy-the-client-id","__idx":4},"children":["Step 3: Name your integration and copy the Client ID"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["On the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Configure your integration"]}," page, enter a name in the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Integration name"]}," field, for example ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["Frontegg Connect"]},". The name is limited to 18 characters. In the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Credentials"]}," section, copy the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client ID"]}," — you will need it when configuring the integration in the Frontegg portal."]},{"$$mdtype":"Tag","name":"LightboxImage","attributes":{"isLightbox":true},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"img","attributes":{"src":"/assets/canva-3.c7aa8435212379d8fb867e0e08f7ee9246d33dae674e4ffb897001e459ce05a5.1ce25488.png","alt":"Canva configuration page showing the integration name and Client ID"},"children":[]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":4,"id":"step-4-generate-the-client-secret","__idx":5},"children":["Step 4: Generate the Client Secret"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Credentials"]}," section, click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Generate secret"]},". Copy the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client secret"]}," immediately and store it somewhere safe."]},{"$$mdtype":"Tag","name":"Notification","attributes":{"title":"Keep your credentials secure","type":"attention"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Canva displays the Client secret only once. If you lose it, you will need to generate a new one. Never share your Client secret or commit it to version control."]}]},{"$$mdtype":"Tag","name":"LightboxImage","attributes":{"isLightbox":true},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"img","attributes":{"src":"/assets/canva-4.a48096a047825bd41dd40078d079b12065e6520d745b96468fd6c402fe623704.1ce25488.png","alt":"Canva credentials section with the Client ID and Client secret"},"children":[]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":4,"id":"step-5-configure-scopes","__idx":6},"children":["Step 5: Configure scopes"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In the left menu, open ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Scopes"]},". Under ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Reading and writing"]},", enable the scopes your integration needs. Selecting a ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Write"]}," scope automatically enables its matching ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Read"]}," scope."]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Scope"},"children":["Scope"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Description"},"children":["Description"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["design:meta:read"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Read design metadata, such as listing and getting designs"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["design:content:read"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Read the content of designs"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["design:content:write"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Create and edit designs"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["folder:read"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["List folders and their contents"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["folder:write"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Create and manage folders"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["folder:permission:write"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Manage folder permissions"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["asset:read"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Read asset metadata"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["asset:write"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Upload and import assets"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["brandtemplate:meta:read"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Read brand template metadata"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["brandtemplate:content:read"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Read brand template content"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["comment:read"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Read comments"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["comment:write"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Create and reply to comments"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["profile:read"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Read the user's profile information"]}]}]}]}]},{"$$mdtype":"Tag","name":"Notification","attributes":{"title":"Minimum required scopes","type":"info"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["For core design, folder, and asset functionality you need ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["design:meta:read"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["design:content:write"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["folder:read"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["asset:read"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["asset:write"]},", and ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["profile:read"]},". Add the remaining scopes to enable brand templates and comments."]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Scopes are saved automatically when you select them."]},{"$$mdtype":"Tag","name":"LightboxImage","attributes":{"isLightbox":true},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"img","attributes":{"src":"/assets/canva-5.56d5ab286e7c2209245e5becb4cc2f2d5f75754bf6b848fa903aebcf86a105c5.1ce25488.png","alt":"Canva scopes page with the required scopes selected"},"children":[]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":4,"id":"step-6-add-the-redirect-url","__idx":7},"children":["Step 6: Add the redirect URL"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In the left menu, open ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Authentication"]},". Under ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Authorized redirects"]},", enter your Frontegg Redirect URL in the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["URL 1"]}," field:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["https://YOUR_MCP_GATEWAY_URL/integration-callback"]}]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The redirect URL is saved automatically."]},{"$$mdtype":"Tag","name":"LightboxImage","attributes":{"isLightbox":true},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"img","attributes":{"src":"/assets/canva-6.d5c4ebbac04556503288ec61b45223fed439002e5bc36afee53e4c4963a0f4c1.1ce25488.png","alt":"Canva Authorized redirects with the Frontegg callback URL entered"},"children":[]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"configure-the-frontegg-portal","__idx":8},"children":["Configure the Frontegg portal"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Once you have your ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client ID"]}," and ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client secret"]}," from the steps above, enter them in the integration configuration page of the Frontegg portal:"]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Open the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Frontegg portal"]}," and navigate to [ENVIRONMENT] → Integrations → Canva."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Enter the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client ID"]}," and ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client secret"]}," in the corresponding fields."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Select the required ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["scopes"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Save"]},"."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"additional-resources","__idx":9},"children":["Additional resources"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://www.canva.dev/docs/connect/"},"children":["Canva Connect APIs documentation"]}]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://www.canva.com/developers/"},"children":["Canva Developer Portal"]}]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://www.canva.dev/docs/connect/creating-integrations/"},"children":["Creating integrations guide"]}]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"/agen-for-work/connectors/redirect-url"},"children":["How to get your Redirect URL"]}]}]}]}]},"headings":[{"value":"Canva integration","id":"canva-integration","depth":2},{"value":"Connect Canva","id":"connect-canva","depth":3},{"value":"Step 1: Open the developer portal","id":"step-1-open-the-developer-portal","depth":4},{"value":"Step 2: Choose the integration type","id":"step-2-choose-the-integration-type","depth":4},{"value":"Step 3: Name your integration and copy the Client ID","id":"step-3-name-your-integration-and-copy-the-client-id","depth":4},{"value":"Step 4: Generate the Client Secret","id":"step-4-generate-the-client-secret","depth":4},{"value":"Step 5: Configure scopes","id":"step-5-configure-scopes","depth":4},{"value":"Step 6: Add the redirect URL","id":"step-6-add-the-redirect-url","depth":4},{"value":"Configure the Frontegg portal","id":"configure-the-frontegg-portal","depth":3},{"value":"Additional resources","id":"additional-resources","depth":3}],"frontmatter":{"category":"Design","seo":{"title":"Canva integration"}},"lastModified":"2026-06-10T05:29:28.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/agen-for-work/connectors/marketplace/canva","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}