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

见效很明显。

相关推荐
程序员码歌19 小时前
零代码AI编程实战-热搜从0到1技术方案
前端·ai编程·cursor
聚客AI19 小时前
🙈AI Agent的未来:工具调用将如何重塑智能应用?
人工智能·agent·mcp
落小小21 小时前
Qoder如何免费续杯,立即参与实践分享,赢 1000Credits
ai编程·cursor
墨抒颖 msy.plus1 天前
[特殊字符] 从零到一:打造你的VSCode圈复杂度分析插件
ide·vscode·编辑器·插件·cursor
LucianaiB1 天前
【混元AIGC+腾讯云智能体+首创Coze核心流思维导图MCP】:打造一个文思通-智能写作助手Agent
aigc·腾讯云·ai写作·mcp·腾讯混元大模型aigc
天道有情战天下1 天前
cursor使用配置
cursor
原住民的自修室2 天前
对话Michael Truell:23岁创立Cursor,与Github Copilot竞争
ai编程·cursor
moshuying2 天前
🚀 从零到一:打造你的VSCode圈复杂度分析插件
visual studio code·cursor
组合缺一2 天前
搭建基于 Solon AI 的 Streamable MCP 服务并部署至阿里云百炼
java·人工智能·solon·mcp
DevYK2 天前
企业级 Agent 开发实战(二) MCP 原理深度解析及项目实战
agent·mcp