GitHub 热门项目：cursor-talk-to-figma-mcp

GitHub 项目：cursor-talk-to-figma-mcp 仓库地址：https://github.com/grab/cursor-talk-to-figma-mcp 星级：6987 | 作者：抢 项目描述：TalkToFigma：AI Agent（Cursor、Claude Code、Codex）和 Figma 之间的 MCP 集成，允许 Agentic AI 与 Figma 通信，以读取设计并以编程方式修改它们。 =================================================== 自述文件内容： # 与 Figma MCP 交谈 该项目在 AI 代理（Cursor、Claude Code）和 Figma 之间实现了模型上下文协议（MCP）集成，允许 AI 代理与 Figma 进行通信，以读取设计并以编程方式修改它们。 https://github.com/user-attachments/assets/129a14d2-ed73-470f-9a4c-2240b2a4885c ## 项目结构 - `src/talk_to_figma_mcp/` - 用于 Figma 集成的 TypeScript MCP 服务器 - `src/cursor_mcp_plugin/` - 用于与 Cursor 通信的 Figma 插件 - `src/socket.ts` - WebSocket 服务器，促进 MCP 服务器和 Figma 插件之间的通信 ## 如何使用 1. 如果尚未安装 Bun，请安装： ````bash 卷曲-fsSL https://bun.sh/install |巴什 ```` 2. 运行安装程序，这还将在您的 Cursor 的活动项目中安装 MCP ````bash 发髻设置 ```` 3.启动Websocket服务器 ````bash 包子插座 ```` 4. **新** 从 [Figma 社区页面](https://www.figma.com/community/plugin/1485687494525374295/cursor-talk-to-figma-mcp-plugin) 或 [本地安装](#figma-plugin) 安装 Figma 插件 ## 快速视频教程 [视频链接](https://www.linkedin.com/posts/sonnylazuardi_just-wanted-to-share-my-latest-experiment-activity-7307821553654657024-yrh8) ## 设计自动化示例 **批量文本内容替换** 感谢 [@dusskapark](https://github.com/dusskapark) 贡献批量文本替换功能。这是[演示视频](https://www.youtube.com/watch?v=j05gGT3xfCs)。 **实例覆盖传播** 来自 [@dusskapark](https://github.com/dusskapark) 的另一个贡献 使用单个命令将组件实例覆盖从源实例传播到多个目标实例。在处理需要类似自定义的组件实例时，此功能可显着减少重复设计工作。观看我们的[演示视频](https://youtu.be/uvuT8LByroI)。 ## 手动设置和安装 ### MCP 服务器：与光标集成 将服务器添加到 `~/.cursor/mcp.json` 中的 Cursor MCP 配置中： ```json { “mcp服务器”：{ “TalkToFigma”：{ “命令”：“bunx”， “args”：[“光标与figma-mcp@latest”] } } } ```` ### WebSocket 服务器 启动 WebSocket 服务器： ````bash 包子插座 ```` ### Figma 插件 1. 在 Figma 中，转到插件 > 开发 > 新插件 2.选择“链接现有插件” 3. 选择 `src/cursor_mcp_plugin/manifest.json` 文件 4. 该插件现在应该可以在您的 Figma 开发插件中使用 ## Windows + WSL 指南 1.通过powershell安装bun ````bash powershell -c“irm Bun.sh/install.ps1|iex” ```` 2. 在`src/socket.ts`中取消注释主机名`0.0.0.0` ``打字稿 // 取消注释以允许 Windows wsl 中的连接 主机名：“0.0.0.0”， ```` 3.启动websocket ````bash 包子插座 ```` ## 用法 1.启动WebSocket服务器 2.在Cursor中安装MCP服务器 3. 打开 Figma 并运行 Cursor MCP 插件 4. 使用 `join_channel` 加入频道，将插件连接到 WebSocket 服务器 5. 使用光标进行交流