{"slug": "figma-mcp", "name": "Figma MCP", "category": "ai", "category_name": "AI models and assistants", "description": "Figma's Model Context Protocol server that gives AI coding agents access to design files.", "recommenders": 5, "commenters": 6, "warners": 0, "score": 4.718, "rising": -1.64, "first": "2026-02-18", "latest": "2026-07-01", "why": "HN commenters use it to turn Figma designs into front-end code, usually connected to coding agents like Claude Code or Codex.", "why_is_quote": false, "has_verdict": true, "sentiment": {"recommend": 5, "neutral": 1, "compare": 0, "warn": 0}, "spark": [0, 0, 0, 2, 0, 0, 0, 2, 1, 0, 0, 0], "listed": true, "loved": ["Design to code", "Agent integration"], "caveat": "Manual finishing", "short_quote": "I use a Godot MCP in addition to my Godot IDE and the Figma MCP", "icon": false, "domain": null, "github_repo": null, "official_url": "", "pricing": "unknown", "aliases": ["Figma MCP"], "verdict": [{"text": "HN commenters use it to turn Figma designs into front-end code,", "cites": [{"id": 780119315, "item_id": 48757457, "url": "https://news.ycombinator.com/item?id=48757457", "by": "pbowyer", "date": "2026-07-01", "stance": "recommend", "quote": "Linked up to Figma MCP to implement front-end stuff", "excerpt": "> I feel like this benchmark reiterates my disbelief that anyone uses the latest Anthropic models for any productive work. They seem to be the best at burning tokens and spawning unnecessary subagents even for well-defined and tightly scoped tasks. I keep Claude around for some specific tasks: - Linked up to Figma MCP to implement front-end stuff - Data analysis, in the \"Connect AI to a data source and ask questions\"", "context": "", "use_case": "implement front-end", "switched_from": "", "story": "CursorBench 3.1"}, {"id": 774291249, "item_id": 48393203, "url": "https://news.ycombinator.com/item?id=48393203", "by": "filup", "date": "2026-06-03", "stance": "recommend", "quote": "we use Figma MCP to convert that to web pages", "excerpt": "> If you've occasionally used AI tools for professional coding work, tell us about it. POCC (Plain Old Claude Code). Since the 4.5 models, It does 90% of the work. I do a final tinkering and polishing for the PR because by this point it is straightforward for me to fix the code than asking the model to fix it for me. The work: Fairly straightward UI + hosting work on a website. We have designers producing Figma and w", "context": "professional developer in the EU", "use_case": "converting designs to web pages", "switched_from": "", "story": "The ways we contain Claude across products"}, {"id": 758277922, "item_id": 47392370, "url": "https://news.ycombinator.com/item?id=47392370", "by": "eleventhborn", "date": "2026-03-15", "stance": "neutral", "quote": "we use Figma MCP to convert that to web pages.", "excerpt": "> If you've recently used AI tools for professional coding work, tell us about it. POCC (Plain Old Claude Code). Since the 4.5 models, It does 90% of the work. I do a final tinkering and polishing for the PR because by this point it is easy for me to fix the code than asking the model to fix it for me. The work: Fairly straightward UI + backend work on a website. We have designers producing Figma and we use Figma MCP", "context": "web developer in the EU", "use_case": "design to web pages", "switched_from": "", "story": "Ask HN: How is AI-assisted coding going for you professionally?"}, {"id": 753187329, "item_id": 47074208, "url": "https://news.ycombinator.com/item?id=47074208", "by": "ahmed_sulajman", "date": "2026-02-19", "stance": "recommend", "quote": "I use Claude Code with Figma MCP and Chrome Dev tools MCP.", "excerpt": "Not as much for the UX, but at least for UI when you need to implement designs, I use Claude Code with Figma MCP and Chrome Dev tools MCP. So that it can take screenshots and compare to expected design as part of the acceptance criteria. For a more targeted fine tuning of the UI I also started using Agentation https://github.com/benjitaylor/agentation if I'm working on React-based app", "context": "", "use_case": "design implementation", "switched_from": "", "story": "Ask HN: How do you employ LLMs for UI development?"}]}, {"text": " usually connected to coding agents like Claude Code or Codex.", "cites": [{"id": 753187329, "item_id": 47074208, "url": "https://news.ycombinator.com/item?id=47074208", "by": "ahmed_sulajman", "date": "2026-02-19", "stance": "recommend", "quote": "I use Claude Code with Figma MCP and Chrome Dev tools MCP.", "excerpt": "Not as much for the UX, but at least for UI when you need to implement designs, I use Claude Code with Figma MCP and Chrome Dev tools MCP. So that it can take screenshots and compare to expected design as part of the acceptance criteria. For a more targeted fine tuning of the UI I also started using Agentation https://github.com/benjitaylor/agentation if I'm working on React-based app", "context": "", "use_case": "design implementation", "switched_from": "", "story": "Ask HN: How do you employ LLMs for UI development?"}, {"id": 753091009, "item_id": 47068188, "url": "https://news.ycombinator.com/item?id=47068188", "by": "beratbozkurt0", "date": "2026-02-18", "stance": "recommend", "quote": "I achieved a 90% success rate, and I fixed the rest myself.", "excerpt": "I've recently started using Codex and installed Figma MCP. The outputs were really good. I achieved a 90% success rate, and I fixed the rest myself.", "context": "", "use_case": "design to code", "switched_from": "", "story": "Ask HN: In Cursor/agents, do plugins hide MCP tools from the main agent?"}, {"id": 774291249, "item_id": 48393203, "url": "https://news.ycombinator.com/item?id=48393203", "by": "filup", "date": "2026-06-03", "stance": "recommend", "quote": "we use Figma MCP to convert that to web pages", "excerpt": "> If you've occasionally used AI tools for professional coding work, tell us about it. POCC (Plain Old Claude Code). Since the 4.5 models, It does 90% of the work. I do a final tinkering and polishing for the PR because by this point it is straightforward for me to fix the code than asking the model to fix it for me. The work: Fairly straightward UI + hosting work on a website. We have designers producing Figma and w", "context": "professional developer in the EU", "use_case": "converting designs to web pages", "switched_from": "", "story": "The ways we contain Claude across products"}]}, {"text": " The main caveat is that the output still needs manual finishing;", "cites": [{"id": 753091009, "item_id": 47068188, "url": "https://news.ycombinator.com/item?id=47068188", "by": "beratbozkurt0", "date": "2026-02-18", "stance": "recommend", "quote": "I achieved a 90% success rate, and I fixed the rest myself.", "excerpt": "I've recently started using Codex and installed Figma MCP. The outputs were really good. I achieved a 90% success rate, and I fixed the rest myself.", "context": "", "use_case": "design to code", "switched_from": "", "story": "Ask HN: In Cursor/agents, do plugins hide MCP tools from the main agent?"}, {"id": 774291249, "item_id": 48393203, "url": "https://news.ycombinator.com/item?id=48393203", "by": "filup", "date": "2026-06-03", "stance": "recommend", "quote": "we use Figma MCP to convert that to web pages", "excerpt": "> If you've occasionally used AI tools for professional coding work, tell us about it. POCC (Plain Old Claude Code). Since the 4.5 models, It does 90% of the work. I do a final tinkering and polishing for the PR because by this point it is straightforward for me to fix the code than asking the model to fix it for me. The work: Fairly straightward UI + hosting work on a website. We have designers producing Figma and w", "context": "professional developer in the EU", "use_case": "converting designs to web pages", "switched_from": "", "story": "The ways we contain Claude across products"}, {"id": 758277922, "item_id": 47392370, "url": "https://news.ycombinator.com/item?id=47392370", "by": "eleventhborn", "date": "2026-03-15", "stance": "neutral", "quote": "we use Figma MCP to convert that to web pages.", "excerpt": "> If you've recently used AI tools for professional coding work, tell us about it. POCC (Plain Old Claude Code). Since the 4.5 models, It does 90% of the work. I do a final tinkering and polishing for the PR because by this point it is easy for me to fix the code than asking the model to fix it for me. The work: Fairly straightward UI + backend work on a website. We have designers producing Figma and we use Figma MCP", "context": "web developer in the EU", "use_case": "design to web pages", "switched_from": "", "story": "Ask HN: How is AI-assisted coding going for you professionally?"}]}, {"text": " one user reports about a 90% success rate and fixed the rest by hand.", "cites": [{"id": 753091009, "item_id": 47068188, "url": "https://news.ycombinator.com/item?id=47068188", "by": "beratbozkurt0", "date": "2026-02-18", "stance": "recommend", "quote": "I achieved a 90% success rate, and I fixed the rest myself.", "excerpt": "I've recently started using Codex and installed Figma MCP. The outputs were really good. I achieved a 90% success rate, and I fixed the rest myself.", "context": "", "use_case": "design to code", "switched_from": "", "story": "Ask HN: In Cursor/agents, do plugins hide MCP tools from the main agent?"}]}], "praise": [{"label": "Design to code", "summary": "Commenters use it to implement Figma designs as front-end pages.", "quotes": [{"id": 774291249, "item_id": 48393203, "url": "https://news.ycombinator.com/item?id=48393203", "by": "filup", "date": "2026-06-03", "stance": "recommend", "quote": "we use Figma MCP to convert that to web pages", "excerpt": "> If you've occasionally used AI tools for professional coding work, tell us about it. POCC (Plain Old Claude Code). Since the 4.5 models, It does 90% of the work. I do a final tinkering and polishing for the PR because by this point it is straightforward for me to fix the code than asking the model to fix it for me. The work: Fairly straightward UI + hosting work on a website. We have designers producing Figma and w", "context": "professional developer in the EU", "use_case": "converting designs to web pages", "switched_from": "", "story": "The ways we contain Claude across products"}, {"id": 780119315, "item_id": 48757457, "url": "https://news.ycombinator.com/item?id=48757457", "by": "pbowyer", "date": "2026-07-01", "stance": "recommend", "quote": "Linked up to Figma MCP to implement front-end stuff", "excerpt": "> I feel like this benchmark reiterates my disbelief that anyone uses the latest Anthropic models for any productive work. They seem to be the best at burning tokens and spawning unnecessary subagents even for well-defined and tightly scoped tasks. I keep Claude around for some specific tasks: - Linked up to Figma MCP to implement front-end stuff - Data analysis, in the \"Connect AI to a data source and ask questions\"", "context": "", "use_case": "implement front-end", "switched_from": "", "story": "CursorBench 3.1"}, {"id": 753187329, "item_id": 47074208, "url": "https://news.ycombinator.com/item?id=47074208", "by": "ahmed_sulajman", "date": "2026-02-19", "stance": "recommend", "quote": "I use Claude Code with Figma MCP and Chrome Dev tools MCP.", "excerpt": "Not as much for the UX, but at least for UI when you need to implement designs, I use Claude Code with Figma MCP and Chrome Dev tools MCP. So that it can take screenshots and compare to expected design as part of the acceptance criteria. For a more targeted fine tuning of the UI I also started using Agentation https://github.com/benjitaylor/agentation if I'm working on React-based app", "context": "", "use_case": "design implementation", "switched_from": "", "story": "Ask HN: How do you employ LLMs for UI development?"}]}, {"label": "Agent integration", "summary": "It works as a tool for coding agents such as Claude Code and Codex.", "quotes": [{"id": 753187329, "item_id": 47074208, "url": "https://news.ycombinator.com/item?id=47074208", "by": "ahmed_sulajman", "date": "2026-02-19", "stance": "recommend", "quote": "I use Claude Code with Figma MCP and Chrome Dev tools MCP.", "excerpt": "Not as much for the UX, but at least for UI when you need to implement designs, I use Claude Code with Figma MCP and Chrome Dev tools MCP. So that it can take screenshots and compare to expected design as part of the acceptance criteria. For a more targeted fine tuning of the UI I also started using Agentation https://github.com/benjitaylor/agentation if I'm working on React-based app", "context": "", "use_case": "design implementation", "switched_from": "", "story": "Ask HN: How do you employ LLMs for UI development?"}, {"id": 753091009, "item_id": 47068188, "url": "https://news.ycombinator.com/item?id=47068188", "by": "beratbozkurt0", "date": "2026-02-18", "stance": "recommend", "quote": "I achieved a 90% success rate, and I fixed the rest myself.", "excerpt": "I've recently started using Codex and installed Figma MCP. The outputs were really good. I achieved a 90% success rate, and I fixed the rest myself.", "context": "", "use_case": "design to code", "switched_from": "", "story": "Ask HN: In Cursor/agents, do plugins hide MCP tools from the main agent?"}, {"id": 774291249, "item_id": 48393203, "url": "https://news.ycombinator.com/item?id=48393203", "by": "filup", "date": "2026-06-03", "stance": "recommend", "quote": "we use Figma MCP to convert that to web pages", "excerpt": "> If you've occasionally used AI tools for professional coding work, tell us about it. POCC (Plain Old Claude Code). Since the 4.5 models, It does 90% of the work. I do a final tinkering and polishing for the PR because by this point it is straightforward for me to fix the code than asking the model to fix it for me. The work: Fairly straightward UI + hosting work on a website. We have designers producing Figma and w", "context": "professional developer in the EU", "use_case": "converting designs to web pages", "switched_from": "", "story": "The ways we contain Claude across products"}]}, {"label": "Output quality", "summary": "One user found the outputs really good, with about 90% success.", "quotes": [{"id": 753091009, "item_id": 47068188, "url": "https://news.ycombinator.com/item?id=47068188", "by": "beratbozkurt0", "date": "2026-02-18", "stance": "recommend", "quote": "I achieved a 90% success rate, and I fixed the rest myself.", "excerpt": "I've recently started using Codex and installed Figma MCP. The outputs were really good. I achieved a 90% success rate, and I fixed the rest myself.", "context": "", "use_case": "design to code", "switched_from": "", "story": "Ask HN: In Cursor/agents, do plugins hide MCP tools from the main agent?"}]}, {"label": "Visual verification", "summary": "Paired with a browser MCP, it lets the agent compare screenshots against the expected design.", "quotes": [{"id": 753187329, "item_id": 47074208, "url": "https://news.ycombinator.com/item?id=47074208", "by": "ahmed_sulajman", "date": "2026-02-19", "stance": "recommend", "quote": "I use Claude Code with Figma MCP and Chrome Dev tools MCP.", "excerpt": "Not as much for the UX, but at least for UI when you need to implement designs, I use Claude Code with Figma MCP and Chrome Dev tools MCP. So that it can take screenshots and compare to expected design as part of the acceptance criteria. For a more targeted fine tuning of the UI I also started using Agentation https://github.com/benjitaylor/agentation if I'm working on React-based app", "context": "", "use_case": "design implementation", "switched_from": "", "story": "Ask HN: How do you employ LLMs for UI development?"}]}, {"label": "Navigating Figma data", "summary": "It lets an LLM explore Figma's visual, complex serialized data instead of the user doing it.", "quotes": [{"id": 778137569, "item_id": 48633598, "url": "https://news.ycombinator.com/item?id=48633598", "by": "Supermancho", "date": "2026-06-22", "stance": "recommend", "quote": "I use a Godot MCP in addition to my Godot IDE and the Figma MCP", "excerpt": "I use a Godot MCP in addition to my Godot IDE and the Figma MCP The Godot Engine API (100s of calls) is not worth memorizing and Figma is visual based, along with a complicated engine-specific serialization. Much easier to ask an LLM to find out why one thing affects another or how to optimally generate a specific change by exploring those APIs. When the LLM eventually fails, to explain the available functions and tr", "context": "", "use_case": "Figma design access for LLM", "switched_from": "", "story": "Codex logging bug may write TBs to local SSDs"}]}], "caveats": [{"label": "Manual finishing", "summary": "Results are not one-shot and still need human fixes and polishing.", "quotes": [{"id": 753091009, "item_id": 47068188, "url": "https://news.ycombinator.com/item?id=47068188", "by": "beratbozkurt0", "date": "2026-02-18", "stance": "recommend", "quote": "I achieved a 90% success rate, and I fixed the rest myself.", "excerpt": "I've recently started using Codex and installed Figma MCP. The outputs were really good. I achieved a 90% success rate, and I fixed the rest myself.", "context": "", "use_case": "design to code", "switched_from": "", "story": "Ask HN: In Cursor/agents, do plugins hide MCP tools from the main agent?"}, {"id": 774291249, "item_id": 48393203, "url": "https://news.ycombinator.com/item?id=48393203", "by": "filup", "date": "2026-06-03", "stance": "recommend", "quote": "we use Figma MCP to convert that to web pages", "excerpt": "> If you've occasionally used AI tools for professional coding work, tell us about it. POCC (Plain Old Claude Code). Since the 4.5 models, It does 90% of the work. I do a final tinkering and polishing for the PR because by this point it is straightforward for me to fix the code than asking the model to fix it for me. The work: Fairly straightward UI + hosting work on a website. We have designers producing Figma and w", "context": "professional developer in the EU", "use_case": "converting designs to web pages", "switched_from": "", "story": "The ways we contain Claude across products"}, {"id": 758277922, "item_id": 47392370, "url": "https://news.ycombinator.com/item?id=47392370", "by": "eleventhborn", "date": "2026-03-15", "stance": "neutral", "quote": "we use Figma MCP to convert that to web pages.", "excerpt": "> If you've recently used AI tools for professional coding work, tell us about it. POCC (Plain Old Claude Code). Since the 4.5 models, It does 90% of the work. I do a final tinkering and polishing for the PR because by this point it is easy for me to fix the code than asking the model to fix it for me. The work: Fairly straightward UI + backend work on a website. We have designers producing Figma and we use Figma MCP", "context": "web developer in the EU", "use_case": "design to web pages", "switched_from": "", "story": "Ask HN: How is AI-assisted coding going for you professionally?"}]}], "who": [{"by": "filup", "context": "professional developer in the EU", "url": "https://news.ycombinator.com/item?id=48393203", "date": "2026-06-03"}, {"by": "eleventhborn", "context": "web developer in the EU", "url": "https://news.ycombinator.com/item?id=47392370", "date": "2026-03-15"}], "tags": ["for front-end developers", "for design handoff", "for Claude Code users", "for Codex users"], "use_cases": ["implement front-end", "figma design access for llm", "converting designs to web pages", "design to web pages", "design implementation", "design to code"], "compared": [{"slug": "claude-code", "name": "Claude Code", "co": 3, "switched_from": 0, "switched_to": 0}, {"slug": "github-copilot", "name": "GitHub Copilot", "co": 2, "switched_from": 0, "switched_to": 0}], "makers": [], "threads": [{"url": "https://news.ycombinator.com/item?id=48756840", "title": "CursorBench 3.1", "mentions": 1}, {"url": "https://news.ycombinator.com/item?id=48626930", "title": "Codex logging bug may write TBs to local SSDs", "mentions": 1}, {"url": "https://news.ycombinator.com/item?id=48392082", "title": "The ways we contain Claude across products", "mentions": 1}, {"url": "https://news.ycombinator.com/item?id=47388646", "title": "Ask HN: How is AI-assisted coding going for you professionally?", "mentions": 1}, {"url": "https://news.ycombinator.com/item?id=47073838", "title": "Ask HN: How do you employ LLMs for UI development?", "mentions": 1}, {"url": "https://news.ycombinator.com/item?id=47067558", "title": "Ask HN: In Cursor/agents, do plugins hide MCP tools from the main agent?", "mentions": 1}], "sentiment_by_month": {"2025-11": {}, "2025-12": {}, "2026-01": {}, "2026-02": {"recommend": 2}, "2026-03": {"neutral": 1}, "2026-04": {}, "2026-05": {}, "2026-06": {"recommend": 2}, "2026-07": {"recommend": 1}, "2026-08": {}, "2026-09": {}, "2026-10": {}}, "quotes": [{"id": 780119315, "item_id": 48757457, "url": "https://news.ycombinator.com/item?id=48757457", "by": "pbowyer", "date": "2026-07-01", "stance": "recommend", "quote": "Linked up to Figma MCP to implement front-end stuff", "excerpt": "> I feel like this benchmark reiterates my disbelief that anyone uses the latest Anthropic models for any productive work. They seem to be the best at burning tokens and spawning unnecessary subagents even for well-defined and tightly scoped tasks. I keep Claude around for some specific tasks: - Linked up to Figma MCP to implement front-end stuff - Data analysis, in the \"Connect AI to a data source and ask questions\"", "context": "", "use_case": "implement front-end", "switched_from": "", "story": "CursorBench 3.1"}, {"id": 778137569, "item_id": 48633598, "url": "https://news.ycombinator.com/item?id=48633598", "by": "Supermancho", "date": "2026-06-22", "stance": "recommend", "quote": "I use a Godot MCP in addition to my Godot IDE and the Figma MCP", "excerpt": "I use a Godot MCP in addition to my Godot IDE and the Figma MCP The Godot Engine API (100s of calls) is not worth memorizing and Figma is visual based, along with a complicated engine-specific serialization. Much easier to ask an LLM to find out why one thing affects another or how to optimally generate a specific change by exploring those APIs. When the LLM eventually fails, to explain the available functions and tr", "context": "", "use_case": "Figma design access for LLM", "switched_from": "", "story": "Codex logging bug may write TBs to local SSDs"}, {"id": 774291249, "item_id": 48393203, "url": "https://news.ycombinator.com/item?id=48393203", "by": "filup", "date": "2026-06-03", "stance": "recommend", "quote": "we use Figma MCP to convert that to web pages", "excerpt": "> If you've occasionally used AI tools for professional coding work, tell us about it. POCC (Plain Old Claude Code). Since the 4.5 models, It does 90% of the work. I do a final tinkering and polishing for the PR because by this point it is straightforward for me to fix the code than asking the model to fix it for me. The work: Fairly straightward UI + hosting work on a website. We have designers producing Figma and w", "context": "professional developer in the EU", "use_case": "converting designs to web pages", "switched_from": "", "story": "The ways we contain Claude across products"}, {"id": 758277922, "item_id": 47392370, "url": "https://news.ycombinator.com/item?id=47392370", "by": "eleventhborn", "date": "2026-03-15", "stance": "neutral", "quote": "we use Figma MCP to convert that to web pages.", "excerpt": "> If you've recently used AI tools for professional coding work, tell us about it. POCC (Plain Old Claude Code). Since the 4.5 models, It does 90% of the work. I do a final tinkering and polishing for the PR because by this point it is easy for me to fix the code than asking the model to fix it for me. The work: Fairly straightward UI + backend work on a website. We have designers producing Figma and we use Figma MCP", "context": "web developer in the EU", "use_case": "design to web pages", "switched_from": "", "story": "Ask HN: How is AI-assisted coding going for you professionally?"}, {"id": 753187329, "item_id": 47074208, "url": "https://news.ycombinator.com/item?id=47074208", "by": "ahmed_sulajman", "date": "2026-02-19", "stance": "recommend", "quote": "I use Claude Code with Figma MCP and Chrome Dev tools MCP.", "excerpt": "Not as much for the UX, but at least for UI when you need to implement designs, I use Claude Code with Figma MCP and Chrome Dev tools MCP. So that it can take screenshots and compare to expected design as part of the acceptance criteria. For a more targeted fine tuning of the UI I also started using Agentation https://github.com/benjitaylor/agentation if I'm working on React-based app", "context": "", "use_case": "design implementation", "switched_from": "", "story": "Ask HN: How do you employ LLMs for UI development?"}, {"id": 753091009, "item_id": 47068188, "url": "https://news.ycombinator.com/item?id=47068188", "by": "beratbozkurt0", "date": "2026-02-18", "stance": "recommend", "quote": "I achieved a 90% success rate, and I fixed the rest myself.", "excerpt": "I've recently started using Codex and installed Figma MCP. The outputs were really good. I achieved a 90% success rate, and I fixed the rest myself.", "context": "", "use_case": "design to code", "switched_from": "", "story": "Ask HN: In Cursor/agents, do plugins hide MCP tools from the main agent?"}]}