Figma MCP

Name: Figma MCP Review
Item: Figma MCP
Rating: 3.8
Author: Aaron Matthews

Connector Documents & Content Solid

Solid Reviewed

Vendor-official Figma MCP built into Figma Desktop Dev Mode. Gives Claude direct access to design files and component specs for design-to-code workflows.

Vendor-official Figma MCP server. Built into Figma Desktop Dev Mode. Design file access, component inspection, and design-to-code workflows from Claude.

Read design specifications and extract styling details directly
Generate matching code components from design file layouts
Inspect design tokens and component properties from your editor

980 starsFreeNo code needed

Why it matters

Vendor-official Figma MCP built into Figma Desktop Dev Mode. Gives Claude direct access to design files and component specs for design-to-code workflows.

Best for

Frontend developers doing design-to-code translation who want Claude to read Figma specs, extract tokens, and generate matching components.

Works in

Claude Code Claude Cowork Claude Chat

Source

https://github.com/figma/mcp-server-guide

How to Get It

Option 1: Claude Desktop AppOpen the Customize panel in the sidebar → browse connectors → search and add. Works in Claude Code, Claude Cowork, and Claude Chat.

Option 2: Paste into Claude CodeCopy the command below and paste it into a Claude Code conversation. Claude will run it for you.

Command

Enable in Figma Desktop: Dev Mode → MCP Server toggle

Tip: Paste this into a Claude Code conversation. Verify command matches your Claude Code version.

CostFree

Trust Signals Reviewed

Stars980Contributors9Last updated2026-03-31Known CVEsNone foundSources: GitHub Advisory Database + OSV.dev · Scanned 2026-04-06 · scanner v1

⚠ Data last scanned 2026-04-06 (88 days ago) — may not reflect the tool's current state.

Data & Access

Data processingPrompts sent to Anthropic API. Enterprise/Team plans exclude training.

Community Pulse Growing

Discussed on Reddit

Open-source. Claude can now design directly in your Figma files. — Reddit · 136 pts
New: Bridging Design and Code with AI Agents in Figma — Reddit · 39 pts

2 mentions across 1 sources

Reviewer notes

Reviewed review. These are observations, not a security certification.

Vendor-official. Built into Figma Desktop app. Enable in Dev Mode settings.

Vendor-official MCP server. Hosted by the vendor. Connectors are account-scoped (JJ Englert finding).

How to evaluate tools before deploying →

Data shown here comes from public APIs and automated scanning. Reviewer notes reflect one person's experience. This is not a security certification or legal recommendation. Always evaluate tools according to your own organization's policies.

Evaluation Scores

Evaluation

Ease of Use

4/5

Versatility

3/5

Reliability

4/5

Security

4/5

Overall score3.75 / 5.00 SolidEvaluatedApr 2026

Vendor-official. Built into Figma Desktop app. Enable in Dev Mode settings.

← Back to the Claude Observatory