AI自动化编码的时代已经来了——如果你还在手动把Figma设计稿翻译成代码，那确实有点跟不上节奏。今天聊的这套方案，能直接把Cursor和Figma打通：设计稿画好，AI自动生成前端代码，开发效率直接拉满。

下面就把完整的操作流程拆开讲讲，顺便聊聊MCP这个协议背后的商业价值。

准备工作：安装Figma MCP并获取Key

先去GitHub把项目Figma-Context-MCP clone到本地，然后复制.env.example，重命名为.env。这一步需要填入Figma的访问令牌。

GitHub地址：https://github.com/GLips/Figma-Context-MCP

Figma的key怎么拿？登录Figma官网，点开头像 → 设置 → 安全，创建一个新的token就行。

Figma官网：https://www.figma.com/

启动Figma MCP服务

进入项目根目录，执行启动命令：npm run dev。如果一切正常，你会看到3333端口已经跑起来了。

配置Cursor的MCP

打开Cursor的设置，找到MCP选项，添加配置文件。官方推荐用mcp.json文件来配置，当然，手动配置的方式也行得通。

确保Figma服务已经启动，添加成功后会有绿色标识。

使用方式：一键从设计到代码

在Figma里选中设计好的UI，右键复制链接。然后打开Cursor，切换到Composer模式，把Figma链接粘贴进去，同时告诉它你要执行什么操作（比如“生成这个页面的React组件”）。

这时候Cursor会调用get file工具拉取设计数据。需要注意：整个过程要实时盯着，手动确认每一步的执行——因为MCP服务并不稳定，经常会断开连接，效果也需要多次尝试才能达到满意的程度。

尽管目前体验有些磕磕绊绊，但这确实是一个非常有价值的工具，能极大简化开发流程，提升代码与设计的匹配精度。

从商业前景来看，未来企业一定有MCP私有化服务的需求。MCP加速了Agent时代的到来，官方未来的定位是做成类似微服务体系的Registry，提供服务注册、发现、路由等功能。

顺便推荐一个相关的开源项目：mcp-registry，它用来管理和协调多个MCP服务器，提供的能力包括：

• MCP服务器的集中注册
• 动态端口分配
• 已注册服务器的运行状况监控
• 跨所有已注册的服务器统一访问工具

欢迎有经验的朋友交流心得——这个方向还处在早期，但潜力很大。