Design Assets with MCP: A Step-by-Step Playbook for Canva and Figma

Producing design assets means turning one approved idea into many versions: social posts, ad sizes, slides and web images. Marketers and in-house designers spend hours on resizes, copy swaps and exports. With MCP (Model Context Protocol), an AI app can work through the Canva and Figma MCP servers, so a request like "make this in three sizes with the new headline" becomes a draft you review instead of a manual task.

This playbook covers both servers. It is part of our MCP playbooks series. Everything below was checked against Canva's and Figma's docs on 28 October 2026. eSEOspace did not install or test either server.

What you need

An MCP client and one or both servers.

Canva. Canva's tools page lists tools including generate-design, search-designs, search-brand-templates, create-design-from-brand-template, autofill-design, start-editing-transaction, perform-editing-operations, commit-editing-transaction, cancel-editing-transaction, get-design-thumbnail, resize-design, get-export-formats, export-design and comment-on-design. A shared cap of 300 requests per minute per user applies across all of that user's MCP clients. Canva's MCP overview names PDF, PNG, JPG, PPTX and MP4 among export formats.

On access, Canva's permissions page says "Canva requires each user to authenticate individually" and that "editing operations are only available on designs and assets for which you have edit permissions."

Figma. Figma's tools and prompts article lists 41 tools. For assets, the useful ones are get_design_context, get_screenshot, get_variable_defs, download_assets, search_design_system, use_figma, upload_assets and generate_image. download_assets, use_figma, upload_assets and generate_image are remote-only, and generate_image uses Figma AI credits. Figma's server guide says you need "an MCP client listed in the Figma MCP catalog."

The workflow

1. Start from an approved master. Pick a brand template in Canva or a frame in Figma that a designer has signed off. The AI adapts approved work; it does not invent your brand.
2. Find the source. In Canva, the AI uses search-brand-templates or search-designs. Figma describes its remote server as "link-based," so you paste a link to the frame you want it to use.
3. Pull brand context. In Figma, get_variable_defs lists the variables and styles used, and search_design_system finds components in your libraries. In Canva, list-brand-kits shows your brand kits (Pro and above).
4. Create the variants. In Canva, create-design-from-brand-template or autofill-design fills a template with new copy, and resize-design makes other sizes. In Figma, use_figma creates and edits content in the file.
5. Edit inside a transaction. Canva edits start with start-editing-transaction, apply through perform-editing-operations and stay pending until commit-editing-transaction. Use get-design-thumbnail to preview before you commit, and cancel-editing-transaction to discard.
6. Review. A designer checks every variant. In Canva, the AI can leave notes with comment-on-design. In Figma, get_screenshot captures a frame for quick review in chat.
7. Export and hand off. Canva's get-export-formats and export-design produce files. In Figma, download_assets exports renders and source images for developers or ad platforms.

Example prompts

• "Search my Canva brand templates for 'webinar promo'. Create a design from the best match with the headline 'Spring Planning Workshop, 12 May'. Show me a thumbnail before you commit."
• "Resize the approved design to Instagram story and LinkedIn post sizes. List the new design links."
• "Check get-export-formats for this design, then export it as PNG. Tell me if any premium element blocks the export."
• "Here is a Figma frame link. Use get_variable_defs to list the colors and text styles it uses, then download_assets to export its images."
• "Using use_figma, duplicate this banner frame into three versions with the headlines below. Work in my drafts file only."

Guardrails

• Brand control first. Work from approved templates and libraries. Canva's brand template tools and Figma's search_design_system keep the AI inside your system.
• Use Canva's transaction as an approval gate. Nothing is committed until commit-editing-transaction runs. Keep that step for a person. Our lesson on MCP permissions and approvals shows how to set client prompts.
• Write in drafts. In Figma, writing outside your drafts needs a Full seat. Have the AI work in a draft file and let a designer move approved work into shared files.
• Watch credits and limits. Figma's generate_image uses AI credits, and Weave tools use Weave credits. Canva shares a 300-requests-per-minute cap across a user's clients.
• Licensing still applies. Canva says exports of designs with premium elements may fail with license_required. Check rights for any stock or AI-generated image before it runs in an ad.

See the MCP security hub for broader rules on connecting third-party servers.

What to measure

• Time from approved master to full asset set, before and after.
• Number of variants a designer rejects or fixes, and the reasons.
• Brand issues caught in review, such as wrong fonts or colors.
• AI or Weave credits used per campaign in Figma.
• Turnaround time on resize and copy-swap requests from other teams.

Next step

Design assets are one part of a wider marketing workflow. Our MCP marketing service helps teams connect design, analytics and content tools with sensible approvals, and MCP for marketing teams covers more use cases.

Frequently asked questions