关于用cursor+Figma MCP使用遇到的一些问题及解决办法

0 阅读2分钟

一直是听过Figma MCP加上cursor的agent可以自动根据设计稿来利用代码出组件,但是没有尝试过,这几天使用以后遇到了一些问题,在折腾一番后,终于是解决掉了,这里记录一下,如果其他人遇到了类似的问题,也可以看看这里能不能解决你的问题。
这里是Figma MCP的链接

调用download_figma_images出错

我遇到的问题是,agent会提示"fetch is not defiend"。这是因为node版本在18以下时,node环境中没有这个api,而我们项目所所使用的node版本是16.20,所以说会出错。解决的办法也很简单了,那就是将node版本升上去,不过这样项目也没法启动了。所以说用nvm管理一下node版本,当希望agent帮你生成的时候,切到node 18及以上的版本。

关于download_figma_images下载成功但是找不到资源文件

这个问题其实弄了很久,每次agent都说下载成功了,但是都没有在对应的文件夹下找到资源。 后来我把Figma MCP的源码clone下来,自己本地编译,然后将cursor的MCP的配置指向了本地,通过加log等一系列方式,后来终于发现了问题。
agent在调用download_figma_images时,传入的localPath是一个相对路径,例如'/assets',但是工作目录却并不是在当前项目的文件夹下,而是cursor的启动目录(安装目录),因此资源文件全部都下载到了那里去,项目下自然找不到了。
我试着在mcp.json里添加workingDirectory,不过貌似没什么用,所以当你想让agent帮你去生成组件的时候,你应该明确告诉它,在调用download_figma_images时,应该使用当前项目的绝对路径。除此之外,我暂时没找到什么比较好的方法。agent告诉我,可以在项目所在的文件夹右键打开cursor,不过我没有试过,而且我一般都是从桌面启动,所以这条感觉不是很适合我

关于效果

这个就见仁见智了,得看你的prompt写的怎么样了,如果你希望它样式准确、功能完善,得要写一个好的prompt。不过样式上能还原到70-80吧,相对简单的还原就比较好,后续只要自己改改或者是再让它帮你修改一下就是。

吐槽

不过cursor Pro还是贵啊……