cursor-talk-to-figma-mcp使用方法(window版)

前言

项目地址：https://github.com/sonnylazuardi/cursor-talk-to-figma-mcp?tab=readme-ov-file

mac端可根据项目redme进行部署。

准备工作

• 安装Bun，在终端执行以下命令

  powershell -c "irm bun.sh/install.ps1 | iex"
  

• Figma桌面版

• Cursor

下载项目到本地

git clone https://github.com/MehhdiMarzban/cursor-talk-to-figma-mcp.git

安装依赖

在项目目录下的终端执行

bun install

安装并使用figma插件

Cursor Talk To Figma MCP Plugin

安装完成后可打开一个项目，然后使用这个插件

然后打开Use localhost，这时候我们点击Connect，会显示’Disconnected from server’

我们根据下面的提示，在终端执行这段命令

然后再次点击Connect，显示连接成功，将上面显示的MCP Configuration复制下来

Cursor配置

在项目的根目录创建一个.cursor文件夹，在里面建一个mcp.json

连接MCP

Ctrl+I 打开cursor 代理模式，输入talk to figma channel id:f2u99k5f ，将这个id替换为你自己figma插件那里显示的id，下图为成功的例子

连接成功之后就可以让AI根据你的指令去完成对应的figma操作了。

注意事项

我在使用时，发现会有字体缺失的情况，要避免这种情况可以在prompt规定”使用安全且稳定的字体“。

在生成过程中，每添加一个元素都会让你决定接受或取消，如果想让它默认一直接受的话，可以打开cursor的设置，在Features→Chat下勾选‘Enable auto-run mode’选项。

具体效果取决于你的prompt和模型的选择，我使用下来并没有很惊艳，只能实现基本的一些功能，有时候生成元素的层级也有问题，还得自己调整，而且也用不了UI库，现在只能用来作为辅助。