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

见效很明显。

相关推荐
xrlfreedom2 小时前
大厂 MCP 面试实录:Java 远程服务异常排查与安全合规设计
结构化输出·mcp·oauth 2.1·java mcp sdk
Ticnix19 小时前
MCP 实战:把工具层从 Agent 里彻底解耦
python·mcp
JudithHuang19 小时前
Cursor + MCP:让 Cursor 直接控制你的 Chrome
mcp
xrlfreedom1 天前
大厂 MCP 面试实录:设计需人工确认的高风险 Tool 与提示注入防护方案
prompts·mcp·rag 知识库·提示注入防护
VIP_CQCRE1 天前
在 VS Code、Cursor、Windsurf 里接入 Ace Data Cloud:OpenCode IDE Extension 配置指南
ai编程·vs code·cursor·opencode·ace data cloud
七夜zippoe1 天前
MCP 协议详解:模型上下文协议如何重塑 Agent 工具调用生态
ai·生态·agent·模型·mcp
艺杯羹1 天前
告别碎片化ToolCall:Model Context Protocol (MCP) 核心机理与私有数据总线落地实战
人工智能·microsoft·系统架构·大模型·mcp
VIP_CQCRE2 天前
Claude Code 接入 NanoBanana MCP:让 AI 编程助手直接完成图片生成与编辑
ai·mcp·claude code·ace data cloud
_pengliang2 天前
【无标题】
mcp
xrlfreedom2 天前
大厂 MCP 面试实录:本地 Server 远程化改造与提示注入防护设计
mcp·提示注入防护·java mcp sdk