用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一下:

见效很明显。

相关推荐
老陈聊架构16 小时前
『MCP开发工具』Chrome DevTools MCP:AI驱动的浏览器自动化调试实战
chrome·ai·调试·mcp
和你一起去月球16 小时前
动手学Agent应用开发(TS/JS 最简实践指南)
开发语言·javascript·ecmascript·agent·mcp
techzhi2 天前
Claude Code集成飞书 MCP 实施方案
飞书·mcp·claude code
带刺的坐椅2 天前
带来 Multi Agent 开发,OpenSolon v3.8.3 发布
java·ai·agent·solon·mcp
liuxuzxx3 天前
使用Rust构建MCP Server Stdio类型
rust·mcp
亲爱的非洲野猪3 天前
基于 MCP 构建智能文档分析系统:技术实现详解
python·ai·mcp
警醒与鞭策3 天前
大模型对比
unity·性能优化·c#·游戏引擎·cursor
LV技术派3 天前
适合很多公司和团队的 AI Coding 落地范式(三)
前端·ai编程·cursor
乘风gg3 天前
太猛了,我用“千问AI”帮我点了一杯混果汁外卖
人工智能·ai编程·cursor
风流 少年3 天前
MCP协议详解和案例(Resources/Prompts/Tools/Sampling/Roots/Transports)
mcp