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

见效很明显。

相关推荐
slowlybutsurely1 天前
Cursor核心功能及开发实战
ai编程·cursor
ζั͡山 ั͡有扶苏 ั͡✾1 天前
AI辅助编程工具对比分析:Cursor、Copilot及其他主流选择
人工智能·copilot·cursor
小雷FansUnion1 天前
深入理解MCP架构:智能服务编排、上下文管理与动态路由实战
人工智能·架构·大模型·mcp
CoderLiu2 天前
用这个MCP,只给大模型一个figma链接就能直接导出图片,还能自动压缩上传?
前端·llm·mcp
老A技术联盟2 天前
超实用的Cursor使用技巧之案列分析-教你基于Cursor零代码开发一个chrome插件
人工智能·cursor
吴佳浩2 天前
Python入门指南-AI番外-MCP完整教程:从零开始学会Model Context Protocol
人工智能·python·mcp
聚客AI2 天前
🚀拒绝试错成本!企业接入MCP协议的避坑清单
人工智能·掘金·日新计划·mcp
slowlybutsurely2 天前
Cursor快速入门
java·ai编程·cursor
ZNineSun2 天前
MCP+Cursor入门
ai·cursor·mcp