Figma MCP Stdio桥接工具

一个轻量级的桥接工具,用于将Figma的本地MCP服务器(通过HTTP/SSE运行)与仅支持Stdio的MCP客户端(如Zed编辑器)连接起来。

  • by jacksonkasi1
  • TypeScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 jacksonkasi1/figma-mcp-stdio-bridge

使用说明

Figma MCP标准桥

这是一座轻型桥梁,允许 Figma的本地MCP服务器 (在HTTP/SSE上运行) 仅支持Stdio的MCP客户端 (标准输入/输出),例如 Zed编辑.

为什么需要这个?

Figma的桌面应用程序在以下位置提供了一个MCP服务器 http://127.0.0.1:3845/mcp. 一些编辑器(如Zed)目前希望MCP服务器是通过Stdin/Stdout进行通信的命令行可执行文件。

这座桥位于中间: Zed (Stdio) <-> [This Bridge] <-> Figma (HTTP/SSE)

先决条件

  1. Figma桌面应用程序:已安装并正在运行。
    • 启用图中的MCP服务器: Config > Developers > Enable MCP Server.
  2. 包子:此脚本针对以下内容进行了优化 包子.
    • 安装Bun: curl -fsSL https://bun.sh/install | bash

安装

  1. 将此存储库(或复制文件)克隆到永久位置。, ~/.config/mcp-proxies/figma.
  2. 安装依赖项:
    bun install
    

Zed IDE的配置

  1. 打开Zed设置(Cmd + ,).
  2. 将以下内容添加到您的 context_servers 配置在 settings.json:
{
  "context_servers": {
    "figma": {
      "command": "bun",
      "args": ["run", "/ABSOLUTE/PATH/TO/THIS/REPO/index.ts"]
    }
  }
}

替换 /ABSOLUTE/PATH/TO/THIS/REPO/ 使用您保存此项目的实际路径。

例子: 如果你把它克隆到 ~/.config/mcp-proxies/figma,配置为:

{
  "context_servers": {
    "figma": {
      "command": "/Users/YOUR_USERNAME/.bun/bin/bun",
      "args": ["run", "/Users/YOUR_USERNAME/.config/mcp-proxies/figma/index.ts"]
    }
  }
}

(注:提供完整的路径通常更安全 bun 如果它不在Zed的PATH中,则可执行)。

故障排除

  • “工具计数0”:确保Figma正在运行,并且您打开了一个文件。必要时重新启动Zed。
  • 连接被拒绝:确保Figma正在运行,并且MCP服务器已在Figma首选项中启用。
  • 日志:桥将日志写入 stderr,Zed通常在其日志输出中捕获。

许可证

麻省理工学院