# Canva

## Canva Integration

Design stunning visuals for your content directly within Cuppa using Canva's powerful design tools. Create featured images, social graphics, and custom artwork without leaving your workflow.

### What You Can Do

* **Design featured images** for articles with Canva's templates and tools
* **Create social graphics** for LinkedIn, Twitter/X, and Instagram posts
* **Edit AI-generated images** in Canva for custom refinements
* **Access your Canva library** of templates, elements, and brand assets
* **Export designs** directly back to Cuppa

***

### Prerequisites

Before connecting, you'll need:

1. A **Canva account** (Free, Pro, or Teams)
2. A Cuppa account on **Business plan or higher**

***

### Step 1: Connect Canva

1. Go to **Team Settings** → **Integrations**
2. Find **Canva** in the Creative Tools section
3. Click **Connect Canva**
4. Sign in to your Canva account
5. Click **Allow** to authorize Cuppa

You'll be redirected back to Cuppa with your Canva account connected.

***

### Step 2: Start Designing

Once connected, you can access Canva from multiple places in Cuppa:

#### From the Article Editor

1. Open any article draft
2. Go to the **AI Images** tab
3. Click **Design in Canva** next to any image
4. Or click **Create with Canva** for a new design

#### From the Editor (Slash Command)

1. While editing your article content
2. Type `/canva` and press Enter
3. A Canva design window will open
4. Design your image and click **Export to Cuppa**

#### From Social Generation

1. Go to **Social Generation**
2. Generate your social posts
3. Click **Design with Canva** on any post card
4. Create platform-optimized graphics

***

### Designing in Canva

When you launch Canva from Cuppa:

1. **Choose a template** or start from scratch
2. **Use your brand assets** (if you have Canva Pro/Teams)
3. **Design your image** using Canva's tools
4. Click **Export** when done
5. Select **Export to Cuppa**

Your design will be saved back to your Cuppa article or post.

***

### Image Sizes & Templates

Cuppa suggests optimal sizes based on where you're designing:

| Use Case                | Recommended Size | Canva Template  |
| ----------------------- | ---------------- | --------------- |
| Featured Image (Blog)   | 1200 × 630 px    | Blog Banner     |
| Featured Image (Square) | 1200 × 1200 px   | Instagram Post  |
| Twitter/X Post          | 1200 × 675 px    | Twitter Post    |
| LinkedIn Post           | 1200 × 627 px    | LinkedIn Post   |
| Instagram Post          | 1080 × 1080 px   | Instagram Post  |
| Instagram Story         | 1080 × 1920 px   | Instagram Story |

> 💡 **Tip**: Start with Canva's pre-sized templates to ensure your images display correctly on each platform.

***

### Brand Consistency

#### Using Canva Brand Kit

If you have **Canva Pro** or **Canva Teams**, you can:

* Access your **brand colors** in the Canva editor
* Use your **brand fonts** for text
* Pull from your **logo and assets library**
* Apply **brand templates** to new designs

#### Cuppa Brand DNA + Canva

Cuppa's Brand DNA stores your brand colors, fonts, and visual style. While these don't sync automatically to Canva, you can:

1. Copy hex codes from your Brand Kit in Cuppa
2. Paste them into Canva's color picker
3. Or set up matching brand kits in both tools

***

### Editing AI-Generated Images

Cuppa's AI image generation creates images that you can enhance in Canva:

1. Generate an image in Cuppa's AI Images tab
2. Click **Edit in Canva** on the generated image
3. The image opens in Canva with the original as background
4. Add text, graphics, or refinements
5. Export back to Cuppa

Great uses for this workflow:

* Adding **text overlays** to AI images
* Placing your **logo** on generated images
* Combining AI images with **graphic elements**
* Creating **quote graphics** from AI backgrounds

***

### Social Graphics Workflow

#### Creating Social-Optimized Images

1. Go to **Social Generation**
2. Generate posts for your target platforms
3. Click **Design with Canva** on a post
4. Canva opens with the correct dimensions
5. Design your graphic
6. Export to Cuppa
7. The image attaches to your social post

#### Platform-Specific Tips

**LinkedIn:**

* Use professional, clean designs
* Include your company logo
* Text should be readable at small sizes

**Twitter/X:**

* Bold visuals grab attention in the feed
* Keep text minimal (the post has your message)
* High contrast works well

**Instagram:**

* Visual-first — the image IS the content
* Use on-brand colors consistently
* Carousel posts can have multiple designs

***

### Troubleshooting

#### "Connection failed" error

**Check your Canva account:**

* Ensure you're signed into Canva
* Try logging out of Canva and back in
* Clear your browser cache and try again

**Development environment note:**

* Canva requires `127.0.0.1` instead of `localhost` for local testing
* Production uses your normal Cuppa domain

#### "Session expired" error

* Your Canva session may have timed out
* Click **Reconnect** in Team Settings → Integrations
* Re-authorize the connection

#### Design not saving to Cuppa

* Ensure you click **Export to Cuppa** (not just "Download")
* Check your browser didn't block the popup
* Try the design again from Cuppa

#### "Canva not loading" in modal

* Disable ad blockers temporarily
* Allow popups from cuppa.ai
* Try a different browser
* Check your internet connection

#### Images look different after export

* Canva exports at the design's resolution
* Very large designs may be compressed
* For best quality, design at the recommended sizes

***

### Best Practices

#### 1. Start with Templates

Canva's templates are designed by professionals. Start there and customize rather than building from scratch.

#### 2. Match Your Brand

Even if you don't use Canva Pro's Brand Kit, keep colors and fonts consistent with your Cuppa Brand DNA settings.

#### 3. Design for the Platform

Each social platform has different optimal image sizes and user behaviors. Use platform-specific templates.

#### 4. Keep Text Readable

If adding text to images:

* Use sufficient contrast
* Keep text large enough to read on mobile
* Don't crowd the image with too much text

#### 5. Use AI Images as Backgrounds

Cuppa's AI-generated images make excellent backgrounds. Export to Canva, then add your text and branding.

***

### FAQ

**What Canva plan do I need?** Any Canva plan works (Free, Pro, or Teams). Pro/Teams gives you access to more templates and brand assets.

**Which Cuppa plan includes Canva integration?** Canva integration is available on **Business plan and higher**.

**Can I use my existing Canva designs?** Yes! When Canva opens, you can access your existing designs and templates.

**Do designs sync between Canva and Cuppa?** Designs are exported as images. To edit later, you'll need to re-open in Canva (the design file remains in your Canva account).

**Can team members use the same Canva connection?** The Canva connection is at the team level. All team members with access can use it.

**Does Canva integration cost extra?** No additional cost from Cuppa. You just need an eligible Cuppa plan and a Canva account.

**Can I use Canva offline?** No, Canva requires an internet connection.

**What file formats are exported?** Images are exported as PNG by default, which works best for web use.

**Can I create videos with Canva?** Currently, the integration supports static images only. Video support may come in future updates.

**Will my Canva brand kit sync to Cuppa?** Not automatically. Brand assets are managed separately in Canva and Cuppa.

***

### Disconnecting Canva

To disconnect your Canva account:

1. Go to **Team Settings** → **Integrations**
2. Find **Canva** in the Creative Tools section
3. Click **Disconnect**

Your existing designs in Cuppa remain unchanged. You can reconnect anytime.

***

### Related Features

* AI Image Generation — Generate images with AI, then enhance in Canva
* Social Generation — Create and design social posts
* Brand DNA — Define your brand's visual identity

***

### Need Help?

* Check our [Help Center](https://learn.cuppa.ai)
* Contact support at <support@cuppa.ai>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://learn.cuppa.ai/integrations/canva.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.