使用说明
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许可证获得许可
