Figma MCP服务器

基于Figma RESTful API的MCP服务器,用于管理和自动化Figma资源访问。

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

使用说明

Figma MCP

基于Figma的RESTful API的Figma MCP服务器。

基本配置:

使用 .env.template 模板来配置参数。

假设您有一个配置文件 .env

使用docker compose运行: docker compose up -d

手动运行:

可选(用于使用MongoDB作为缓存后端):运行mongod(为简单起见,您可以使用docker): docker run -d -p 27017:27017 --name my-mongo-container mongo:latest

所以 MONGODB_URI 在 .env 文件应设置为 mongodb://127.0.0.1:27017

使用npx命令运行服务器: npx github:VincentHanxiaoDu/figma-mcp --env .env --port 3000

连接到克劳德代码(替换 <your-figma-token> 使用您的Figma令牌): claude mcp add -t http figma-mcp http://127.0.0.1:3000/mcp --header x-figma-token:<your-figma-token>,或设置 FIGMA_TOKEN 在env文件中运行 claude mcp add -t http figma-mcp http://127.0.0.1:3000/mcp.

现在,您可以在Claude代码中使用MCP。

高级配置:

使用您的帐户信息(目前仅支持Azure帐户)在工作区中自动查找文件。

选项1:配置凭据 .env

集 FIGMA_USERNAME 和 FIGMA_PASSWORD_B64 在 .env 文件。

选项2:配置带有标头的凭据

通过 x-figma-username 和 x-figma-passwords-b64 mcp工具调用的头文件。

选项3:配置Cookie .env

集 FIGMA_COOKIES 在 .env 文件,您可以在登录Figma后手动复制和粘贴Cookie,也可以使用该工具获取Cookie npx github:VincentHanxiaoDu/figma-mcp --tool

选项4:配置带有标题的Cookie

通过 x-figma-cookies mcp工具调用的头文件。

ENV VAR表

ENV变量 参数 标头
主机 --主机 <N/A>
PORT --端口 <N/A>
FIGMA_TOKEN --FIGMA令牌 x-FIGMA-TOKEN
FIGMA_USERNAME --FIGMA用户名 x-FIGMA-用户名
FIGMA_PASSWORD_B64 --FIGMA-PASSWORD-B64 x-FIGMA-pass word-B64
无花果饼干 --无花果饼干 x-FIGMA-COOKIES

注:

  • 您可以通过环境变量、命令行参数或HTTP标头设置凭据。

此项目包括以下部分代码:

  • Figma上下文MCP(https://github.com/GLips/Figma-Context-MCP) 版权所有(c)2025格雷厄姆·利普斯曼 根据MIT许可证获得许可