2026年Figma MCP服务 Cursor 安装流程

Figma MCP服务 Cursor 安装流程Figma MCP Model Context Protocol 是基于 Anthropic 开放标准协议的 Figma 服务 通过它 Cursor 等 AI 编程工具能直接读取 Figma 的组件 布局和样式数据 精准将设计稿转化为高质量前端代码 无需截图即可实现 设计到代码 的无缝转化 官方文档 developers figma com docs figma 安装 figma 插件 打开

大家好,我是讯享网,很高兴认识大家。这里提供最前沿的Ai技术和互联网信息。



Figma MCP(Model Context Protocol)是基于Anthropic开放标准协议的Figma服务,通过它,Cursor等AI编程工具能直接读取Figma的组件、布局和样式数据,精准将设计稿转化为高质量前端代码,无需截图即可实现“设计到代码”的无缝转化。

官方文档 developers.figma.com/docs/figma-…

  1. 安装 figma 插件

打开 cursor settings > Plugins(cursor上个月才推出的新功能,需更新到新版,version 2.6.* ) image.png image.png image.png

在 marketplace 里搜索 并安装 image.png image.png

  1. 配置 mcp 服务

点击 Figma MCP server deep link,会在cursor 打开 MCP配置

该链接点击跳转可能会被juejin拦截,可以复制下面内容直接在浏览器标签页打开:

 
  

image.png 点击 安装

image.png

点击,会跳转figma授权页,需要进行登录

登录完成会进入授权页

点击 同意,安装完全 image.png

点击Plugins的figma插件的,ai助手会介绍figma MCP,以及提供 figma链接可以生成代码 image.png image.png image.png

小讯
上一篇 2026-03-14 23:25
下一篇 2026-03-14 23:23

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/234732.html