beginner⏱️ 15-25 minutes📅 Updated June 2026

Step-by-step guide to integrate Canva MCP server with Amazon Q CLI. Includes canva documentation access and app ui kit assistance.

Canva + Amazon Q CLI: Complete MCP Integration

Canva is a MCP server that AI-powered development assistance for building Canva apps and integrations. Access Canva documentation, App UI Kit components, and Apps SDK resources directly through your AI coding assistant..

When integrated with Amazon Q CLI, you can:

  • Instantly retrieve information from Canva developer documentation
  • Get detailed information about Canva App UI Kit components and their usage
  • Access comprehensive Apps SDK documentation and code examples

This guide provides step-by-step instructions to set up Canva in Amazon Q CLI, including configuration, examples, and troubleshooting.

What You'll Achieve

After completing this setup:

  • Canva will be fully integrated and operational
  • You can use Canva tools directly in Amazon Q CLI
  • All Canva capabilities will be available for your workflows
  • Access to 3 different tools

Prerequisites

Before starting, ensure you have:

  • Node.js v20 or later installed
  • npm package manager
  • Git installed on your system
  • Compatible MCP client (Claude Code, Cursor, Claude Desktop, or VS Code)
  • Amazon Q CLI installed and configured
  • Compatible operating system (Windows, macOS, Linux)

Installation

Step 1: Install Canva

Install using npm:

npx -y @canva/cli@latest mcp

Verify installation:

Ask your AI assistant about Canva App UI Kit components to verify the server is working

Configuration

Step 2: Configure Amazon Q CLI

  1. Install Amazon Q CLI

Download and install Q CLI for your platform

Visit: https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/command-line-installing.html

  1. Authenticate

Set up authentication with AWS Builder ID or IAM Identity Center

q auth

Note: Follow interactive authentication flow

  1. Verify Installation

Test Q CLI installation and configuration

q doctor
  1. Install MCP Server

Install the MCP server you want to integrate

Note: Ensure server is accessible from command line

  1. Configure MCP Integration

Add MCP server configuration to Q CLI

Note: Use q config commands to set server parameters

  1. Test Integration

Verify MCP server works with Q CLI

q chat "Use Canva to help me"

Configuration Details

Configure MCP servers through Q CLI commands:

# Configure MCP server integration
q config set mcp.servers.canva.command "npx"
q config set mcp.servers.canva.args ""-y", "@canva/cli@latest", "mcp""
q config set mcp.servers.canva.env ""

# Verify configuration
q config list mcp.servers

Examples

Once configured, you can use Canva in Amazon Q CLI:

Query App UI Kit Components

Get information about available components in Canva App UI Kit

Ask Amazon Q CLI: "How many components are available in the Canva App UI Kit?"

Expected Result: The AI assistant will query the Canva documentation and provide the exact count and list of available components

Get Component Documentation

Retrieve detailed documentation for specific UI components

Ask Amazon Q CLI: "Show me how to use the Button component from Canva App UI Kit with examples"

Expected Result: Complete documentation including props, usage examples, and best practices for the Button component

Apps SDK Integration Help

Get assistance with integrating Canva Apps SDK features

Ask Amazon Q CLI: "How do I authenticate users in a Canva app using the Apps SDK?"

Expected Result: Step-by-step guide with code examples for implementing user authentication

Debug App Development Issues

Get help troubleshooting common Canva app development problems

Ask Amazon Q CLI: "Why is my Canva app component not rendering correctly?"

Expected Result: Diagnostic steps and common solutions based on Canva documentation and best practices

Testing Your Setup

  1. Run q doctor to verify system health
  2. Start Q CLI chat session
  3. Ask Q to list available MCP tools
  4. Test specific Canva functionality

Test commands:

q doctor

q chat

q config list mcp.servers

Troubleshooting

Common Issues

Server not responding to Canva-related queries

Symptoms: AI assistant says it cannot find Canva documentation, Queries about App UI Kit return generic responses, No specific Canva component information provided

Cause: Server not properly installed or not loaded by the MCP client

Solution:

  • Restart your IDE or MCP client completely
  • Verify Node.js v20+ is installed: node --version
  • Check MCP configuration includes the Canva server
  • Try asking with specific keywords: "Canva App UI Kit" or "Canva Apps SDK"

Inconsistent or outdated information

Symptoms: Documentation seems outdated, Component information varies between queries, API methods mentioned do not exist

Cause: Cached responses or stale documentation

Solution:

  • Start a new chat session in your AI assistant
  • Ask the assistant to fetch the latest Canva documentation
  • Clear any local caches if your MCP client supports it
  • Verify you are using the latest @canva/cli package

Installation fails with npm errors

Symptoms: npm command returns errors, Package installation hangs or times out, Permission denied errors

Cause: npm configuration or permission issues

Solution:

  • Update npm to latest version: npm install -g npm@latest
  • Check Node.js version meets v20+ requirement
  • Try running with explicit registry: npm config set registry https://registry.npmjs.org/
  • On Windows, run terminal as administrator if permission issues occur

Installation Failed

Symptoms: Q command not found, Installation errors

Cause: Incomplete installation or PATH issues

Solution:

  • Verify installer completed successfully
  • Check PATH environment variable includes Q CLI
  • Try running q doctor for diagnostics
  • Reinstall using platform-specific method

Authentication Problems

Symptoms: Auth errors, Cannot connect to AWS services

Cause: Invalid credentials or network issues

Solution:

  • Run q auth to re-authenticate
  • Verify AWS Builder ID or IAM credentials
  • Check network connectivity to AWS
  • Ensure proper AWS permissions are set

MCP Server Not Found

Symptoms: Server command not found, MCP tools unavailable

Cause: Server not installed or not in PATH

Solution:

  • Verify MCP server installation
  • Check server executable permissions
  • Use absolute path in configuration
  • Test server independently with direct command

Configuration Errors

Symptoms: Config commands fail, Settings not persisting

Cause: Invalid configuration syntax or permissions

Solution:

  • Check Q CLI configuration file permissions
  • Verify configuration syntax is correct
  • Use q config list to review current settings
  • Report issues with q issue command

Canva not appearing in Amazon Q CLI

Symptoms: Server not listed, Tools not available

Cause: Configuration or installation issue

Solution:

  • Verify configuration syntax
  • Check Canva installation
  • Restart Amazon Q CLI
  • Check logs for error messages

Next Steps

Now that Canva is integrated with Amazon Q CLI:

  • Explore all Canva capabilities through Amazon Q CLI
  • Check out other MCP servers that work with Amazon Q CLI
  • Join the MCP community for tips and support
  • Consider contributing to Canva development

Need Help?

Related Resources

More Integrations

Explore other MCP servers that work with Amazon Q CLI

Need Help?

Join the MCP community for support and discussions

Canva + Amazon Q CLI: MCP Setup Guide (2026)