Figma MCP
Figma's Model Context Protocol server that gives AI coding agents access to design files.
HN commenters use it to turn Figma designs into front-end code,1234 usually connected to coding agents like Claude Code or Codex.567 The main caveat is that the output still needs manual finishing;8910 one user reports about a 90% success rate and fixed the rest by hand.11
Why people recommend it
Design to code · 3
Commenters use it to implement Figma designs as front-end pages.
“we use Figma MCP to convert that to web pages”
“Linked up to Figma MCP to implement front-end stuff”
Show 1 more
“I use Claude Code with Figma MCP and Chrome Dev tools MCP.”
Agent integration · 3
It works as a tool for coding agents such as Claude Code and Codex.
“I use Claude Code with Figma MCP and Chrome Dev tools MCP.”
“I achieved a 90% success rate, and I fixed the rest myself.”
Show 1 more
“we use Figma MCP to convert that to web pages”
Output quality · 1
One user found the outputs really good, with about 90% success.
“I achieved a 90% success rate, and I fixed the rest myself.”
Visual verification · 1
Paired with a browser MCP, it lets the agent compare screenshots against the expected design.
“I use Claude Code with Figma MCP and Chrome Dev tools MCP.”
Navigating Figma data · 1
It lets an LLM explore Figma's visual, complex serialized data instead of the user doing it.
“I use a Godot MCP in addition to my Godot IDE and the Figma MCP”
Caveats and dissent
Manual finishing · 3
Results are not one-shot and still need human fixes and polishing.
“I achieved a 90% success rate, and I fixed the rest myself.”
“we use Figma MCP to convert that to web pages”
Show 1 more
“we use Figma MCP to convert that to web pages.”
Often compared with
Who recommends it in their own words
Threads where it came up
- CursorBench 3.1 1 mention
- Codex logging bug may write TBs to local SSDs 1 mention
- The ways we contain Claude across products 1 mention
- Ask HN: How is AI-assisted coding going for you professionally? 1 mention
- Ask HN: How do you employ LLMs for UI development? 1 mention
- Ask HN: In Cursor/agents, do plugins hide MCP tools from the main agent? 1 mention
Data: figma-mcp.json. Quotes are verbatim; the verdict and theme labels are written by a model from these comments, and every clause links to its sources.
All comments 6
“Linked up to Figma MCP to implement front-end stuff”
“I use a Godot MCP in addition to my Godot IDE and the Figma MCP”
“we use Figma MCP to convert that to web pages”
“we use Figma MCP to convert that to web pages.”
“I use Claude Code with Figma MCP and Chrome Dev tools MCP.”
“I achieved a 90% success rate, and I fixed the rest myself.”