Integrations

Canva Integration

Connect your Canva account to browse designs and image assets from inside the WireFlow builder โ€” drag them straight onto the canvas without switching tabs.

๐ŸŽจ Integrations4 min read

What you can do

๐Ÿ–ผ

Browse designs

See all your Canva designs as thumbnails and insert them into the canvas as image placeholders linked to the source.

๐Ÿ—‚

Browse image assets

Search your Canva brand asset library by name and pull images directly into your wireframe.

๐Ÿ”

Search

Filter designs or assets by keyword. Results page with a "Load more" cursor so large libraries stay fast.

๐Ÿ”’

Secure OAuth

Connection uses PKCE OAuth 2.0. Your Canva credentials are never stored โ€” only an encrypted access token.

Connecting your Canva account

1

Open the Assets panel

In the builder right rail click the Assets icon (image stack). Scroll down to the Canva section.

2

Click "Connect Canva"

You'll be redirected to Canva's authorisation page. Log in with your Canva account and click Allow.

3

Return to WireFlow

You're redirected back to the dashboard automatically. Open your project โ€” the Canva panel now shows your designs and assets.

โ„น๏ธ
Permissions requested: WireFlow requests asset:read and design:content:read โ€” read-only access to your assets and designs. We never write to or modify your Canva account.

Using Canva assets in the builder

Once connected, the Canva panel has two tabs:

Inserted items appear as image placeholder elements on the canvas. The element's source URL property is set to the Canva asset URL so your developer export retains the reference.

Token refresh

Canva access tokens expire periodically. WireFlow automatically refreshes the token in the background using your stored refresh token โ€” you will never be asked to reconnect unless you explicitly disconnect or revoke access in Canva.

Disconnecting

Click the ยทยทยท menu in the Canva panel header and choose Disconnect Canva. This deletes the stored tokens from WireFlow's database. You can reconnect at any time by repeating the OAuth flow.

To also revoke WireFlow's access from Canva's side, go to Canva โ†’ Account Settings โ†’ Connected apps and remove WireFlow.

๐Ÿ’ก
Team tip: Each team member connects their own Canva account. This ensures designs from personal workspaces aren't visible to other team members.