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

见效很明显。

相关推荐
Lambert28114 小时前
MCP 史上最大升级:握手没了、会话没了,Java 生态的六个坑
ai编程·mcp
会周易的程序员17 小时前
软件接入大模型实现 Agent —— 从原理到 C++ 落地完全指南
c++·人工智能·物联网·架构·agent·工业协议·mcp
梦想blog20 小时前
Claude Code + Chrome MCP:让浏览器自动化测试更简单
前端·chrome·自动化·mcp
xrlfreedom1 天前
大厂 MCP 面试实录:基于 JSON Schema 与 RAG 的调用异常排查方案设计
json schema·mcp·rag 知识库
逸Y 仙X2 天前
MCP(模型控制协议)完全指南:从核心概念到实战开发
python·大模型·llm·ai编程·mcp
Behavior2 天前
Claude Code + chrome-devtools MCP:安装部署与实战全记录
claude·mcp
阿里云云原生2 天前
从 MCP 协议演进看网关架构变革:Higress v2.2.4 实践与验证报告
mcp
deepseek232 天前
MCP Gateway 架构实战:企业级 AI Agent 连接层的设计与选型
ai agent·企业架构·mcp
智码看视界2 天前
Day 56:AI辅助开发全面提效:Copilot + Cursor的Java开发
java·单元测试·copilot·cursor·后端开发·代码审查·ai辅助开发
今日无bug2 天前
从「拿来主义」到「亲手造轮子」:2 种 MCP 文件服务器写法对比
前端·node.js·mcp