The shortlist
Pasting screenshots into a chat loses the structure a model needs. A Figma MCP server hands the agent the file's actual layout and styling data instead — and some can edit the design as well as read it.
16k stars · Open source · TypeScript
The most-starred Figma server in the index. It trims Figma API responses down to the layout and styling a model needs, which its author reports implements designs more accurately than screenshots.
— You can't use a Figma personal access token; the server calls the Figma API with one.
7.0k stars · Open source · JavaScript
Reads designs and changes them, through a Figma plugin and a local WebSocket bridge, so an agent can make bulk edits such as replacing text across a file.
— You can't run the Figma plugin and a local WebSocket server alongside the MCP server; all three are required.
2.4k stars · Open source · TypeScript
Built for design-system work: extraction, creation, debugging and two-way design-token sync, including mining tokens from an existing codebase.
— You need full capabilities from a web-based AI client; the remote and cloud modes are more limited than local mode.
Output quality depends on how the Figma file is built: components, auto layout and named layers translate far better than loose, absolutely positioned frames. All three need a Figma access token, so scope it to the files involved, and treat generated code as a first draft to review rather than a finished screen.
