工具连接(MCP)
Framelink MCP for Figma
让 AI 读取 Figma 设计中的布局和样式,辅助写出对应界面。
内容介绍
少装一点整理 · 依据项目公开文档
将 Figma 设计交给 AI 写界面时,这个工具可以提供布局和样式信息,而不只是让 AI 看截图猜测。适合需要把设计稿实现为网页的开发者,可把文件、画面或分组链接交给支持 MCP 的编程助手。它由社区维护,使用前需要配置 Figma 访问令牌,也就是允许工具读取设计文件的授权凭据;实现效果仍需要对照设计检查。
开始使用
接入条件尚未核对,请查看项目安装说明。
查看安装与使用说明 ↗依据公开文档整理,未逐一安装实测。
可以怎么用
- 读取设计中的布局和样式信息
- 通过 Figma 链接提供界面设计上下文
- 接入前配置设计文件的访问授权
官方项目与文档
项目说明译文
向 Cursor 等 AI 编程助手提供 Figma 布局信息的 MCP 服务器
用途相近的插件
优先匹配当前插件的主要用途,再参考共同用途和收藏数;接入方法可能不同。
- AntV MCP Server Chart — 让 AI 把数据画成折线图、柱状图或流程图,方便理解和展示。
- REA — Reverse Engineer Anything — 让 AI 调查一个软件的功能怎样实现,并给出可核对的代码和运行证据。
- Graphify — 把代码和文档的关联整理成图,帮助 AI 找到相关上下文。