Figma MCP
UnclaimedFigma's official MCP server — expose live design structure to AI for accurate code generation
Visit WebsiteFreemiumVisit Website
TL;DR - Figma MCP
- Figma's official MCP server — 16 tools for reading design data and writing to canvas
- AI generates code from real design structure, not screenshots. Code Connect maps components to your actual codebase
- Free plan: 6 calls/month. Need a Dev or Full seat on Pro ($16/mo) for real usage
Pricing: Free plan available
Best for: Growing teams
Pros & Cons
Pros
- Code matches the real design — no guessing from screenshots
- Code Connect maps Figma components to your actual imports and prop interfaces
- Remote server works anywhere — no Figma desktop app required
- Write tools are free during beta
- Works with Claude, Cursor, VS Code Copilot, Codex, Gemini CLI
Cons
- Free Starter plan limited to 6 MCP calls per month — essentially unusable
- Requires Full or Dev seat on a paid plan for meaningful usage
- No image/asset support yet — images show as gray placeholders
- Custom fonts not supported
- 20 KB output response limit per tool call
- Beta quality — manual review of AI-generated designs recommended
Key Features
Live design structure export (hierarchy, auto-layout, spacing tokens)Code Connect — map Figma components to your actual code componentsWrite to canvas — create frames, components, variables from AICode to Canvas — convert rendered UI back to editable Figma layersDesign system search across connected librariesFigJam diagram support (Mermaid to FigJam)Multi-framework Code Connect (React, Vue, iOS, etc.)Skills framework for teaching AI specific Figma workflowsOAuth authentication (no API key needed)Remote server (no local install required)
Pricing Plans
Starter
Free
- Unlimited drafts
- UI kits and templates
- 150 AI credits/day, up to 500 AI credits/mo
Professional - Full seat
$15/mo
- Unlimited files and projects
- Team-wide design libraries
- Advanced Dev Mode inspection and MCP Server
- 3,000 AI credits/mo
Professional - Dev seat
$12/mo
- Unlimited files and projects
- Team-wide design libraries
- Advanced Dev Mode inspection and MCP Server
- 500 AI credits/mo
Professional - Collab seat
$3/mo
- Unlimited files and projects
- Team-wide design libraries
- Advanced Dev Mode inspection and MCP Server
- 500 AI credits/mo
Organization - Full seat
$55/mo
- Unlimited teams
- Shared libraries and fonts
- Centralized admin tools
- 3,500 AI credits/mo
Organization - Dev seat
$25/mo
- Unlimited teams
- Shared libraries and fonts
- Centralized admin tools
- 500 AI credits/mo
Organization - Collab seat
$5/mo
- Unlimited teams
- Shared libraries and fonts
- Centralized admin tools
- 500 AI credits/mo
Enterprise - Full seat
$90/mo
- Custom team workspaces
- Design system theming and APIs
- SCIM seat management
- 4,250 AI credits/mo
Enterprise - Dev seat
$35/mo
- Custom team workspaces
- Design system theming and APIs
- SCIM seat management
- 500 AI credits/mo
Enterprise - Collab seat
$5/mo
- Custom team workspaces
- Design system theming and APIs
- SCIM seat management
- 500 AI credits/mo
About Figma MCP
By Toolradar Team·
Figma MCP exposes the live structure of your Figma designs — hierarchy, auto-layout rules, variants, spacing tokens, and component references — to any MCP-compatible AI assistant. Your AI generates code against the real design, not a screenshot. Supports both reading design data and writing to canvas (creating frames, components, variables). Works via a remote server (https://mcp.figma.com/mcp) or the Figma desktop app. 16 tools total: design context export, variable definitions, Code Connect mappings, screenshots, design system search, and write operations including code-to-canvas conversion.
Reviews
No reviews yet. Be the first to review Figma MCP!
Best Figma MCP Alternatives
Top alternatives based on features, pricing, and user needs.
Builder.ioFreemium
Visual headless CMS and page builder
LocofyFreemium
Transform designs into production-ready frontend code with AI, accelerating development workflows.
AnimaFreemium
Build websites and apps from ideas or designs using AI-powered design-to-code automation.
v0Freemium
AI-powered UI generation from Vercel
Explore More
Figma MCP FAQ
Is Figma MCP free?
The MCP server itself is free, but the Starter (free) plan limits you to 6 MCP calls per month. For meaningful usage, you need a Professional plan — $16/month for a Full seat or $12/month for a Dev seat. Write-to-canvas tools are currently free during beta.
How do I set up Figma MCP?
Connect to the remote server at
mcp.figma.com/mcp — no local install needed. For Claude Code: claude mcp add --transport http figma https://mcp.figma.com/mcp. For Cursor: add the URL in Settings > Tools & MCP. Authentication happens via OAuth in the browser.What is Code Connect?
Code Connect maps Figma components to your actual code components. Instead of generating generic HTML, the AI uses your real imports and prop interfaces. You link a Figma component to a React component (or Vue, iOS, etc.), and the AI generates code using that mapping.
Can Figma MCP write to my designs?
Yes. The
use_figma tool can create and edit frames, components, variables, styles, and text. The generate_figma_design tool converts rendered web UI into editable Figma layers (Code to Canvas). Write tools require a Full seat for production files.Which AI clients support Figma MCP?
Claude Desktop, Claude Code, Cursor, VS Code with GitHub Copilot, Windsurf, Codex, and Gemini CLI. Any client that supports remote MCP servers via Streamable HTTP should work.
What are the rate limits?
Enterprise: 600 calls/day. Organization/Professional: 200 calls/day. Starter or View/Collab seats: 6 calls/month. Write tools (
use_figma, generate_figma_design) are exempt from rate limits.Source: developers.figma.com
Guides & Articles
Best MCP Servers in 2026
Features Figma MCP
Best AI Agent Platforms in 2026
Expert guide
Best AI Agent Frameworks in 2026
Expert guide
MCP Server Authentication: OAuth 2.1, API Keys, and Security Best Practices
6 min read
What Is an MCP Client? How Claude, Cursor, and VS Code Connect to MCP Servers
9 min read
Best MCP Servers for Claude Code in 2026: The Complete Setup Guide
7 min read