mcpField
L
Layerbridge

Layerbridge

本地服务
github.com媒体与设计16 周前更新
代码仓库访问官网

关于 Layerbridge

读取、编辑并导出在本地插件中打开的 Figma 文件。无需 REST API，也没有速率限制。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
  "mcpServers": {
    "muradyf-layerbridge": {
      "command": "npx",
      "args": [
        "-y",
        "layerbridge"
      ],
      "env": {
        "FIGMA_BRIDGE_PORT": "<FIGMA_BRIDGE_PORT>",
        "FIGMA_BRIDGE_OUTPUT_ROOTS": "<FIGMA_BRIDGE_OUTPUT_ROOTS>",
        "FIGMA_ACCESS_TOKEN": "<FIGMA_ACCESS_TOKEN>",
        "FIGMA_BRIDGE_ALLOW_SCRIPTS": "<FIGMA_BRIDGE_ALLOW_SCRIPTS>"
      }
    }
  }
}
启动命令npx -y layerbridge
需要配置的环境变量
FIGMA_BRIDGE_PORTLocal port the Figma plugin connects to; choose the same port in the plugin panel
FIGMA_BRIDGE_OUTPUT_ROOTSExtra folders export tools may write to (; on Windows, : elsewhere). Default: working directory only
FIGMA_ACCESS_TOKEN密钥Optional Figma personal access token; enables REST tools (comments, versions, team files)
FIGMA_BRIDGE_ALLOW_SCRIPTSAllow the run_script tool to execute Plugin API code in the open file

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包
npmlayerbridge0.3.0

工具

116

收录的工具列表 · 更新于 2 周前

参数类型必填说明
pageIdstring否仅此页面（大型文件中速度更快）
fileKeystring否Figma 文件的 fileKey。连接了多个文件时为必填项；参见 list_files。
includeVariantsboolean否同时列出集合中的每个变体（默认值为 false）

详细介绍

维护者还没有提供详细介绍，可以先查看代码仓库中的 README。

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。