Figma移动应用原型生成工具是 SeanSmithDesign 开发的 MCP 服务器:通过Claude Code生成移动应用原型并利用HTML-to-Design插件推送至Figma的设计工具,适用于快速创。接入方法见官方仓库 README,在客户端 mcpServers 段加入其配置即可:https://github.com/SeanSmithDesign/claude-code-to-figma-experiments
它是干什么的
一句话定位:通过Claude Code生成移动应用原型并利用HTML-to-Design插件推送至Figma的设计工具,适用于快速创建和迭代移动应用界面 它以 MCP 服务器形式存在,AI 客户端连上即可调用。
| 项目 | 数据 |
|---|---|
| 开发者 | SeanSmithDesign |
| Star | 0 |
| 收藏 | 0 |
| 质量等级 | B |
| 平台分类 | 开发效率 |
| 部署标签 | 本地部署、移动应用设计、原型设计 |
| 仓库 | claude-code-to-figma-experiments |
核心能力
- 本地部署(平台标签)
- 移动应用设计(平台标签)
- 原型设计(平台标签)
适合谁用
最该装的是天天在 Claude Desktop、Cursor 里写代码,想让 AI 直接干活的人。如果你只是偶尔用一次它背后的服务,开网页就够了,不必上 MCP。
接入指引
- 1打开官方仓库,看 README 顶部的 Installation。
- 2把仓库给出的
mcpServers配置并进你客户端的配置文件(Claude Desktop 在~/Library/Application Support/Claude/claude_desktop_config.json,Cursor 在~/.cursor/mcp.json)。 - 3完全退出客户端再打开,工具列表出现该产品即成功。
需要带完整安装命令和配置 JSON 的教程?看 Top 20 的深度文档:代码文档查询工具 context7。
常见问题
Q
Figma移动应用原型生成工具免费吗?
A
代码在 GitHub 开放获取,费用与许可证以仓库为准。
Q
Figma移动应用原型生成工具能用在 Cursor / Cline 吗?
A
能。MCP 是通用协议,配置在各客户端之间基本通用,只是配置文件位置不同。
