canva-improved

Nodo mejorado de n8n para integrar Canva Connect API con OAuth 2.0 PKCE y soporte completo para diseΓ±os, exportaciones y carpetas

Documentation

n8n-nodes-canva-improved

Enhanced Canva integration for n8n with AI-powered design generation and MCP support.

NPM Version
License: MIT

πŸš€ Features

3 Powerful Nodes

  1. Canva MCP Auth - OAuth 2.0 authentication with Dynamic Client Registration
  2. Canva MCP - AI-powered design generation via Model Context Protocol
  3. Canva (REST) - Traditional REST API for CRUD operations

Key Capabilities

  • βœ… AI Design Generation: Create presentations, posters, and documents with AI
  • βœ… Automatic Export: Export designs as PDF, PNG, JPG (PRO quality)
  • βœ… n8n AI Agent Ready: Full integration with n8n AI Agent using MCP Tool
  • βœ… OAuth 2.0 PKCE: Secure authentication flow
  • βœ… Brand Kit Support: Use your brand assets and colors

πŸ“¦ Installation

Option 1: From npm (Recommended)

npm install n8n-nodes-canva-improved

Then restart n8n.

Option 2: Manual Installation

# In your n8n installation directory
cd ~/.n8n/custom
npm install n8n-nodes-canva-improved

# Restart n8n
pm2 restart n8n
# or
systemctl restart n8n

Option 3: Community Nodes (n8n Cloud/Self-hosted)

  1. Go to Settings β†’ Community Nodes
  2. Click Install a community node
  3. Enter: n8n-nodes-canva-improved
  4. Click Install

🎯 Quick Start

1. Authentication Setup

  1. Get your Canva credentials:

    • Go to Canva Developers
    • Create or select an app
    • Copy Client ID and Client Secret
  2. In n8n:

    • Add Canva MCP Auth node
    • Click Create New Credential
    • Paste your Client ID and Client Secret
    • Click Connect my account
    • Authorize in Canva

2. AI Design Generation

Basic Workflow:

Canva MCP Auth β†’ AI Agent (MCP Tool) β†’ PDF Generated

Configure AI Agent:

  1. Add AI Agent node

  2. In Tools section:

    • Select MCP Tool
    • Connection Type: Bearer Auth
    • Authorization Value: {{$json.access_token}}
    • MCP Server URL: https://mcp.canva.com/sse
  3. Give it a prompt:

Generate a professional presentation about "Artificial Intelligence in Business"
with 10 slides. Use design_type: 'presentation'. Include:
- Title slide
- Problem overview
- Solution architecture
- Benefits analysis
- Implementation roadmap
- Case studies
- ROI metrics
- Risk mitigation
- Timeline
- Call to action

Export as PDF.

3. Available MCP Operations

  • generate-design - AI-powered design creation
  • create-design-from-candidate - Convert AI design to editable
  • export-design - Export to PDF/PNG/JPG
  • search-designs - Find your designs
  • get-design - Get design details
  • list-brand-kits - Access your brand assets

πŸ› οΈ Requirements

  • n8n: v1.54.4 or higher
  • Node.js: v18.10.0 or higher
  • Canva Account: Free or Pro

πŸ”’ Permissions Required

When authorizing, the node requests these Canva permissions:

  • design:content:read - Read design content
  • design:content:write - Create and modify designs
  • design:meta:read - Read design metadata
  • asset:read - Access your assets
  • asset:write - Upload assets
  • folder:read - Browse folders
  • folder:write - Organize designs
  • profile:read - Read your profile

πŸ’‘ Use Cases

  • Generate professional presentations automatically
  • Create marketing materials with AI
  • Export designs as high-quality PDFs
  • Automate content creation workflows
  • Integrate Canva into your automation pipelines

πŸ› Troubleshooting

OAuth Callback Error

Problem: "ERR_EMPTY_RESPONSE" during authentication

Solution: Ensure your n8n instance is accessible at the redirect URI configured in Canva (typically http://localhost:5678 for local development).

AI Agent Connection Issues

Problem: "Invalid arguments for tool generate-design"

Solution: Make sure you're passing the query parameter with detailed design requirements. Be specific about design_type and content.

MCP Tool Not Listed

Problem: Custom credentials don't appear in MCP Tool selection

Solution: Use standard Bearer Auth with the access_token from Canva MCP Auth node output.

πŸ“„ License

MIT License - see LICENSE file for details.

🀝 Contributing

Contributions are welcome! Please read CONTRIBUTING.md for guidelines.

πŸ”— Links

⭐ Support

If you find this node useful, please:


Made with ❀️ for the n8n community

Discussion