Skip to content
← 返回 Skills & MCP

Framelink Figma MCP

🔌 MCP 服务

把 Figma 设计稿喂给 AI,一次性还原界面

开源 无广告 无追踪 可自建

开源的 MCP 服务器,通过 Figma API 把设计稿的布局与样式信息精简后交给 Cursor、Claude 等编码 Agent,让它们据此更准确地实现界面。需要 Figma 访问令牌。

安装 / 添加

npx -y figma-developer-mcp --stdio

为什么推荐它

Framelink Figma MCP 解决了「AI 照着设计稿写代码」这件事上最恼人的痛点:光靠截图,模型只能猜像素;而它直接读取 Figma 文件的结构化数据——图层、约束、间距、颜色、字体——再把冗余信息裁掉,只留最相关的布局与样式喂给模型,一次性还原的准确度因此高出一大截。

它以 MIT 协议开源,可以自行部署,只需一枚 Figma 访问令牌即可运行。对前端和设计工程师来说,它把「设计到代码」的鸿沟压缩成了一条链接:贴上 Figma 链接,让 Agent 直接产出贴近原稿的界面代码,是目前设计交付类 MCP 里最成熟、最受欢迎的选择之一。