关于cursor-talk-to-figma-mcp的连接问题

这边以cursor为例子,首先访问 github.com/grab/cursor... 使用git clone 将代码拉取到本地,这边需要安装bun.js bun.sh/ .

做完以上步骤后,接下来的操作在 github.com/grab/cursor... 中其实都有, 这边有一个步骤 bun setup 这个如果你是window系统是执行不了的因为仓库中是sh脚本,若你想要执行需要改成bat

js 复制代码
@echo off
setlocal enabledelayedexpansion

:: 1. 创建 .cursor 目录(若不存在)
if not exist ".cursor" mkdir ".cursor"

:: 2. 安装依赖
bun install
if errorlevel 1 (
    echo [ERROR] bun install 失败,请检查环境
    pause
    exit /b 1
)

:: 3. 写入 mcp.json
set "jsonFile=.cursor\mcp.json"
(
    echo {
    echo   "mcpServers": {
    echo     "TalkToFigma": {
    echo       "command": "bunx",
    echo       "args": [
    echo         "cursor-talk-to-figma-mcp@latest"
    echo       ]
    echo     }
    echo   }
    echo }
) > "%jsonFile%"

echo [OK] 已生成 %jsonFile%
pause

其实这一步不执行也是可以的,直接将下面的配置复制到你的cursor,mcp.json中 (这边我使用gemini cli也试过,将下面这个片段复制到settings.json中也是一样的) ,这个仓库地址中也有说明。

js 复制代码
{
  "mcpServers": {
    "TalkToFigma": {
      "command": "bunx",
      "args": [
        "cursor-talk-to-figma-mcp@latest"
      ]
    }
  }
}

这样子其实cursor这边的链接已经是配置好了,接下来需要下载桌面端的figma 将

这个manifest.json 导入到你的figma中,如图:

选择import from manifest 成功后直接打开就好了,去cursor-talk-to-figma-mcp 下执行bun socket然后点击 connect 这样子这个服务就启动成功了。这时候会有一个channel id 将这个id复制到cursor对话框中,告诉cursor 去连接就好了,例如:talk to figma, channel [channel id]

相关推荐
wangruofeng36 分钟前
Flutter AI Coding 实战手册:可落地场景拆解 + 代码级实操方案
aigc·ai编程·cursor
乘风gg3 小时前
Skill 真香!5 分钟帮女友制作一款塔罗牌 APP
人工智能·ai编程·cursor
小溪彼岸1 天前
Gemini CLI V0.22发布了Conductor和Endor Labs并向Free Tier用户开放了Gemini 3
google·gemini
啊湘1 天前
VSCODE英文界面切换为中文(适用CURSOR等使用)
ide·vscode·编辑器·bug·cursor
roamingcode2 天前
超越 Context Window:为何文件系统是 AI Agent 的终极记忆体
人工智能·agent·cursor·claude code·上下文工程·skill 技能
袋鱼不重3 天前
保姆级教程:让 Cursor 编辑器突破地区限制,正常调用大模型(附配置 + 截图)
前端·后端·cursor
彭涛3613 天前
断点调试: 使用 VS Code / Cursor 调试器
cursor
longze_73 天前
生成式UI与未来AI交互变革
人工智能·python·ai·ai编程·cursor·蓝湖
俊哥V4 天前
[笔记.AI]谷歌Gemini-Opal上手初探
人工智能·ai·gemini·opal
带娃的IT创业者4 天前
Cursor 新增的 Plan 和 Debug 模式介绍
人工智能·python·cursor·ai辅助开发·ai开发工具·ai开发技巧