What it is

Figma's official server comes in two forms: a remote endpoint at https://mcp.figma.com/mcp available on all seats and plans, and a desktop server requiring a Dev or Full seat on a paid plan. It returns generated code, design system variables and components, layout context and Code Connect mappings.

Why it earns a slot

The agent reads the actual frame — real spacing, real tokens, real component names — instead of eyeballing a screenshot. Code Connect makes it emit your components rather than inventing new ones.

Know before you commit

Still beta, and Figma states it will eventually become a usage-based paid feature. Only MCP clients in Figma's approved catalog may connect; anything else joins a waitlist.

Getting started

claude mcp add --transport http figma https://mcp.figma.com/mcp

Field notes

0 from the community

Sign in to add a field note. Reading is always open.

Loading notes…

Field check

Unverified

Sign in to confirm this entry is still accurate.

Pricing snapshot

Free during beta · usage-based paid feature planned

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Figma MCP Server (https://developers.figma.com/docs/figma-mcp-server/) for this project, then use it only if it fits what we are already building.
Context: Official MCP server (design to code). Figma's official server comes in two forms: a remote endpoint at https://mcp.figma.com/mcp available on all seats and plans, and a desktop server requiring a Dev or Full seat on a paid plan. It returns generated code, design system variables and components, layout context and Code Connect mappings.
Reviewer notes (general, not written for this codebase): The agent reads the actual frame — real spacing, real tokens, real component names — instead of eyeballing a screenshot. Code Connect makes it emit your components rather than inventing new ones.
Watch out for: Still beta, and Figma states it will eventually become a usage-based paid feature. Only MCP clients in Figma's approved catalog may connect; anything else joins a waitlist.
Pricing: Free during beta · usage-based paid feature planned
Setup: claude mcp add --transport http figma https://mcp.figma.com/mcp
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/figma-mcp-server