Figma Context MCP

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

InstallClaude Code

claude mcp add figma-context -- npx -y figma-developer-mcp

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

In 1 stack

Whose pick this was

Build the design, then go and look
Read the design as data before building anything. Exact hex, exact spacing, the real type scale, and the actual icon files rather than the agent's redrawing of them. An agent working from a flattened screenshot is measuring by eye, and 12px padding read as "about 14" is a drift that lands in every property nobody thinks to check.
agentscliIn house flow