KuikCodeDocs
Integrations

KuikCode app for Canva

Add designed, editable KuikCodes to a Canva design from a panel inside Canva, saved to your workspace like any other code.

The KuikCode app for Canva puts a small panel inside the Canva editor. Enter where the code should open, pick a design, and the finished code lands in your design as an image. Every code it adds is a real KuikCode in your workspace: it keeps its scan analytics and you can change where it points after the design is printed.

WhereCanva editor, Apps panel, search for KuikCode
PlanStarter and up. The Brand Kit design source needs PRO
Sign inOnce, with your KuikCode account; pick the workspace the app may use

Using it

  1. Open the KuikCode app in Canva and sign in. KuikCode asks which workspace to connect and what the app may do, then you are back in Canva.
  2. On New code, paste the destination. The preview at the top designs itself from the site's brand colors; More options shows nine variants to pick from. Start from switches to one of your templates, your Brand Kit (PRO) or a plain code.
  3. Adjust before saving: a color swatch (the site's colors plus presets), the dot pattern, eye shape, a round or square frame or none, and a logo for the center. The preview follows every change.
  4. Click Save and add to design. The code is created in KuikCode with the name and folder you chose, tagged canva, rendered at print size and placed in the design.
  5. On My codes, search your existing codes and add any of them to the design.

Codes added from Canva show in the dashboard like any other. Repoint them, set smart rules, or download other formats there.

Disconnecting

Every Canva connection is listed under Settings, Integrations in the dashboard with a Canva label. Disconnect ends the app's access on its next request; sign out inside the panel does the same from the Canva side.

Under the hood

The panel uses the same REST API as every integration, through the OAuth server that also powers the MCP server. It stores nothing of its own; the connection is a hidden API key scoped to the workspace you allowed.

On this page