Figma Context MCP
Hot将 Figma 设计稿转化为 AI 可理解的简化上下文，让 Cursor/Claude 直接从设计生成代码。
Figma Context MCP is an MCP server for Dev Tools work. 将 Figma 设计稿转化为 AI 可理解的简化上下文，让 Cursor/Claude 直接从设计生成代码。 Tags: Figma · 设计转代码 · UI · Cursor · Claude.
What is Figma Context MCP
Figma Context MCP exposes Dev Tools capabilities to MCP clients. 将 Figma 设计稿转化为 AI 可理解的简化上下文，让 Cursor/Claude 直接从设计生成代码。
Install Figma Context MCP in Cursor / Claude / Codex
Cursor Open Cursor MCP settings (or user/project mcp.json) and add the server config on this page. If only a start command exists, put command/args into a Cursor MCP entry.
Claude Desktop Add the config to claude_desktop_config.json and restart Claude Desktop.
Codex Add the same command/args or JSON snippet to Codex MCP config. File location depends on your Codex version.
Claude Desktop Configuration
Add the following to Claude Desktop’s claude_desktop_config.json:
npx figma-developer-mcp --figma-api-key=YOUR_KEY --stdioTags
Similar recommendations
Memory MCP Server
官方知识图谱记忆服务器，提供持久化记忆系统，让 AI 跨会话存储实体、关系与事实。
Sequential Thinking MCP Server
官方顺序思考服务器，通过动态、反思式的思维序列帮助 AI 进行复杂分步推理与问题求解。
Time MCP Server
官方时间服务器，提供当前时间查询与时区转换能力，让 AI 感知时间上下文。
Everything MCP Server
官方参考/测试服务器，集成 prompts、resources 与 tools，用于演示 MCP 的全部特性。
Sentry MCP Server
官方 Sentry 服务器（已归档），检索与分析 Sentry.io 上的错误与性能问题。
Postman MCP Server
Postman 官方服务器，搜索与执行 API 集合，让 AI 直接调用测试已定义的接口。
FAQ
What problem does Figma Context MCP solve?
Figma Context MCP focuses on Dev Tools. 将 Figma 设计稿转化为 AI 可理解的简化上下文，让 Cursor/Claude 直接从设计生成代码。
How do I connect Figma Context MCP to my editor?
Use the command or JSON in the install section. If none is listed, follow the project home. Do not paste config from unknown sources.
What similar MCP servers exist?
The related list comes from the same Dev Tools group so you can compare scope.