MCP servers for Figma, Canva and design tools (2026)

MCP servers that connect Claude Code, Cursor and other AI agents to Figma, Canva, Webflow and other design tools, so they can read layouts, edit designs and turn them into code. Here are all 7 from the AgentScout directory.

Updated October 18, 2026

How we picked and ranked: tools are matched by category, the pricing each maker states and what each tool says it does. They are ranked by GitHub stars as recorded on each listing (link checks 2026-10-20); tools without a tracked repo follow, by listing maturity. No paid placements.

1. 

   1. Framelink Figma MCP

   MCP serversOpen source★ 16,002 GitHub stars

   MCP server that gives Cursor and other coding agents Figma layout data so they can implement designs accurately in one shot.

   Pricing (as stated): Open source · Mature

2. 

   2. Talk to Figma MCP

   MCP serversOpen source★ 7,059 GitHub stars

   MCP integration that lets coding agents read and edit Figma designs.

   Pricing (as stated): Open source · Mature

3. 

   3. Figma Console MCP

   MCP serversOpen source★ 2,518 GitHub stars

   Design-system-focused MCP server that reads and writes Figma and checks design-code parity and accessibility.

   Pricing (as stated): Open source · Active

4. 

   4. Figma MCP Server

   MCP serversFreemium★ 2,079 GitHub stars

   Figma's MCP server that brings design context from Figma files into coding agents.

   Pricing (as stated): Freemium · Active

5. 

   5. Webflow MCP

   MCP serversOpen source★ 141 GitHub stars

   Webflow's MCP server for designing and managing Webflow sites.

   Pricing (as stated): Open source · Active

6. 

   6. Brandfetch MCP

   MCP serversSee site★ 9 GitHub stars

   Brandfetch's MCP server for searching brands and retrieving logos, design assets and company data.

   Pricing (as stated): See site · Active

7. 

   7. Canva MCP

   MCP serversFreemium

   Canva's MCP server for creating, searching, editing and exporting designs from AI assistants.

   Pricing (as stated): Freemium · Active

FAQ

What are the best Figma and design MCP servers?

Ranked by tracked GitHub stars, the top Figma and design MCP servers in our directory are Framelink Figma MCP, Talk to Figma MCP, Figma Console MCP, Figma MCP Server, Webflow MCP. Stars measure popularity, not fit, so compare a few against your own task.

How many Figma and design MCP servers does AgentScout list?

7 tools match. This page shows the top 7. Pricing mix on this page: Open source (4), Freemium (2), See site (1).

How much do these tools cost?

Pricing is what each maker states on their site. Open-source tools are free to self-host but may need a paid model API key or offer paid cloud plans; freemium tools have a free plan with limits. Check each official site.

Where can I see every tool for connecting tools with MCP?

Our task page lists all 375 tools we match to connecting tools with MCP.

Related: All tools for connecting tools with MCP · Best Open-Source MCP Servers · MCP servers (7)

Similar searches: MCP servers for AWS, Azure, Cloudflare, Kubernetes and Vercel · Web search MCP servers for AI agents · Free MCP servers

By role: For MCP developers

All popular searches · AI agents by role · Free tools

Related categories: MCP servers

Facts come from our directory listings; pricing is as each maker states it and can change. Check official sites before you choose.