用cursor操作figma,设计师的春天也来了

GitHub - sonnylazuardi/cursor-talk-to-figma-mcp: Cursor Talk To Figma MCP

首先将readme.md的内容全部贴给cursor,让他自动帮我安装。

这样省去了很多安装包、添加path等等麻烦的操作,cursor会帮你都做掉。

第一步有点问题。他没有git clone项目,而是尝试自己写完整个项目。 claude觉得自己能力太强了。 于是我及时停止,告知他需要下载项目。你们可以第一步就将这个指令一起输入给他。

中间出了一点小问题:cursor在自动帮我修改mcp.json的过程中,把我原有的mcp都删了。

所以。你在第一次轮的时候可以补充输入下:"如果你要编辑 ~/.cursor/mcp.json 文件,请不要把原来的内容删除。而是增加TalkToFigma相关的内容,但保留我原有的内容。"

他把他能做的都做完了。现在需要我们手工操作:

接下来是要手工操作的。

在figma客户端(不是web端)里添加plugin,并保证本地的socket已经在运行了。

然后在cursor中告知他这个channel,就可以开始运行了。注意,每次打开figma(即时是同一个项目)channel都会变化。

看看一次生成效果。内容基本有了,排布还需要变化,查了下原因是他没有针对layer层级做优化。

其他小技巧:

cursor非常倾向于早停,所以可以pua一下:

见效很明显。

相关推荐
阿湯哥15 分钟前
MCP协议核心概念与通信机制
ai·mcp
许泽宇的技术分享3 小时前
解密Anthropic的MCP Inspector:从协议调试到AI应用开发的全栈架构之旅
人工智能·架构·typescript·mcp·ai开发工具
iFlow_AI8 小时前
知识驱动开发:用iFlow工作流构建本地知识库
前端·ai·rag·mcp·iflow·iflow cli·iflowcli
qdprobot9 小时前
齐护机器人AiTallpro小智AI图形化编程Mixly Scratch MQTT MCP远程控制
人工智能·mqtt·机器人·图形化编程·ai对话·mcp·小智ai
早川不爱吃香菜10 小时前
MCP 教程:使用高德地图 MCP Server 规划行程
mcp·trae
凯小默11 小时前
cursor 跟 vscode 编辑器里面怎么打开绘制 drawio 的文件?
vscode·draw.io·cursor
TeamDev1 天前
使用 MCP 自动化 JxBrowser
浏览器自动化·jxbrowser·mcp·模型上下文协议·mcp 自动化·jxbrowser 自动化·jxbrowser mcp
方始终_1 天前
用Spec-kit踩完3个坑后才明白,Constitution才是真正的起点!
ai编程·cursor
磊磊磊磊磊1 天前
一周做了个文章排版工具,分享下如何高效省钱用AI!
ai编程·产品·cursor
ckm紫韵1 天前
Cursor 与 IDEA 互相跳转教程
java·ide·intellij-idea·cursor·ai工具