Canva
Use Canva with AI apps and agents through Vercel Connect. Follow a complete setup guide for secure runtime access.
Install the skill
$ npx skills add vercel/vercel-plugin --skill vercel-connectConnect to
Canva$ vercel connect create canva --name acme-canvaUse its data in agents(opens in new tab) and apps(opens in new tab)
import { getToken } from '@vercel/connect';const userId = 'user_123';const token = await getToken('canva/acme-canva', {subject: { type: 'user', id: userId },});
Use Canva in apps and agents
Canva designs, assets, and brand templates
Why use Vercel Connect with Canva?
Credentials on demand
Request Canva credentials only when your application or agent needs them instead of copying secrets into application code.
Access for the right subject
Request user-authorized Canva access so actions follow the identity and permissions of the person using your application.
Managed authorization lifecycle
Centralize Canva authorization and token exchange rather than rebuilding the provider flow in every application.
Vercel-native controls
Bind connections to the projects and environments that need them while Vercel OIDC authenticates each runtime request.
Use Canva with your stack
Follow a complete setup for the Connect SDK or a supported agent framework.
Add Canva to an existing Vercel application with the Connect SDK.
Install the Connect SDK
npm install @vercel/connectCreate the Canva connector
Run these commands from the project that will use the connection.
vercel linkvercel connect create canva --name acme-canvavercel env pullRequest Canva credentials
app/api/route.tsimport { getToken } from '@vercel/connect';const userId = 'user_123';const token = await getToken('canva/acme-canva', {subject: { type: 'user', id: userId },});