软件详情

Figma Context MCP综合评价:不错

GLips · 工具扩展与连接

连接 Figma 与 Cursor 等工具,让 AI 直接按设计稿写代码。

免费开源 · MIT
GitHub 收藏16.2K近 7 天 +42
代码最近更新2026 年 10 月 27 日
许可证开源 · MIT
要不要花钱免费
还没有人点评,来写第一条看口碑 ↓

能把 Figma 界面布局提取并精简后传给 AI,根据设计稿一键生成代码。适合前端开发者和用 AI 写代码的人。需要在 Cursor 等编辑器的配置文件中填入 Figma 令牌进行配置。

用起来难吗要写代码在哪用WindowsmacOSLinux编辑器插件能用的模型说明里没点名

能做什么

  • 提取 Figma 布局与样式数据
  • 精简设计信息提高代码还原度
  • 在聊天框粘贴链接直接生成代码
  • 支持在各类框架中快速实现界面

怎么开始

  1. 需要会改配置,先获取 Figma 访问令牌。
  2. 在编辑器配置文件中添加该插件运行代码。
  3. 向 AI 发送 Figma 链接直接生成界面代码。

选它,如果你……

  • 你想让 AI 直接读取 Figma 设计数据写代码。
  • 你觉得给 AI 发截图写代码的还原度不够好。
  • 你需要快速将设计稿转换成各种框架的代码。

别选,如果你……

  • 你平时不用 Cursor 等支持 MCP 的编辑器。
  • 你不会生成或无法获取 Figma 访问令牌。

怎么用

代码开源,可以免费下载使用。

多少钱、在哪买

免费使用。

用户口碑

还没有人点评。用过的话,写下第一条真实体验,帮后来的人少踩坑。

发布软件评论

评分
选填
编辑器加载中…

数据来源:GitHub,每天更新,更新时间 2026 年 11 月 10 日。 信息有误?告诉我们。

Figma Context MCP:是什么、要不要花钱、怎么用 | 模真真