Back
Marketplace/Figma

TL;DR

Figma is a Design MCP server that lets Claude Code, Cursor, Windsurf and any MCP-compatible AI agent read Figma files, components, and design tokens. Install in 1 minute with mcpizy install figma.

🎨

Figma

Design

Last updated May 30, 2026 · By MCPizy team

Read Figma files, components, and design tokens

Install Figma

Via MCPizy CLI (recommended):
mcpizy install figma
Or run directly:
npx -y figma-mcp
View on GitHub

Works with

Claude Code
Claude Desktop
Cursor
Windsurf
VS Code + Copilot
Any MCP Client

More Design MCPs

📊

SlideSpeak

Create presentations and PowerPoints using AI. Generate professional slides from text prompts.

📈

ECharts

Generate beautiful interactive charts using Apache ECharts. Bar, line, pie, scatter, and more.

📉

Chart (AntV)

Generate visual charts using AntV visualization library. Data-driven chart creation.

🎨

FlyonUI

Build modern production-ready UI blocks and components. Tailwind-based design system.

Alternatives to Figma

If Figma doesn't fit your stack, these Design MCP servers solve similar problems.

🧊

Blender

3D modeling and rendering via API

✏️

Excalidraw

Architecture and whiteboard diagrams

✨

21st.dev Magic

Create crafted UI components inspired by the best design engineers. AI-powered component generation.

Key Takeaways

  • Figma exposes an MCP interface for design workflows in Claude Code, Cursor and Windsurf.
  • No authentication required — works out of the box once installed.
  • Install in 1 command: mcpizy install figma — config written to your client automatically.
  • Free and open source (GitHub source linked above) — verified compatible with every MCP client (Claude Code, Claude Desktop, Cursor, Windsurf, VS Code + Copilot).
  • Best use case: automate design workflows from your AI agent without leaving the editor.

Frequently asked questions

What is the Figma MCP server?

The Figma MCP server is an Design Model Context Protocol server that lets Claude Code, Cursor, Windsurf, VS Code with Copilot, and other MCP-compatible AI agents read Figma files, components, and design tokens. It exposes Figma's capabilities as tools the AI can call directly from your editor or CLI.

How do I install Figma MCP with Claude Code?

The fastest way is the MCPizy CLI: run `mcpizy install figma` and MCPizy will add the server to your `.claude.json` automatically. You can also install it manually by adding an entry under `mcpServers` in `.claude.json` with the command `npx -y figma-mcp` and restarting Claude Code.

Is Figma MCP free?

Yes. The Figma MCP server is free and open source (see the GitHub repository linked on this page). You may still need a Figma account or API key to connect the server to the underlying service, but the MCP layer itself has no MCPizy subscription cost.

Does Figma MCP work with Cursor and Windsurf?

Yes. Any MCP-compatible client works — including Claude Code, Claude Desktop, Cursor (via `.cursor/mcp.json`), Windsurf, VS Code with Copilot Chat, and custom agents built on the MCP SDK. The same install command targets all of them; only the config file path differs.

Manage all your MCPs in one place

Monitor usage, track costs, and discover new MCPs.

Get Started Free
What can I do with Figma MCP?

Once installed, your AI agent can read Figma files, components, and design tokens directly inside your conversation. Typical use cases include asking Claude Code or Cursor to run Figma operations, inspect results, chain Figma with other MCP servers (see our Workflow Recipes), and automate repetitive design tasks without leaving your editor.