Figma Context MCP
About This Server
An MCP server that provides Figma layout data to coding agents. Lets tools like Cursor implement designs in one shot — far more accurate than pasting screenshots.
Installation
npx -y figma-developer-mcp --figma-api-key=<key> --stdioFrequently Asked Questions
How does Figma Context MCP improve design-to-code fidelity?
Instead of screenshots, it reads layout, color and typography metadata from the Figma API, simplifies it and hands it to the model. With exact values instead of pixel guessing, one-shot design implementation accuracy improves dramatically.
How do I configure Figma Context MCP in Cursor?
Generate a personal access token in your Figma account settings, then add npx -y figma-developer-mcp --figma-api-key=<key> --stdio to Cursor MCP config. To use it, just paste a Figma file or selection link to the AI.
Do I need a paid Figma plan to use Figma Context MCP?
No. The server is free and open source (MIT), and a free Figma account can generate API tokens to read its own files. As long as you can view the target file, the AI can read its design data.