Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
复制下面这句话,粘贴给 Claude Code、Codex、Cursor 等 AI 编程工具,它会读取安装说明并在你确认后完成安装。
请阅读 https://ai.atlankj.com/install/asset/gh-figma-context-mcp-3790fe32cdb6 ,按照其中的说明把「io.github.GLips/Figma-Context-MCP」安装到你(当前 AI 工具)中。执行前先告诉我将运行的命令和写入的位置,等我确认。
查看 AI 将读取的安装说明正在读取 GitHub 原文…
内容来自 GitHub 原始文件,由原作者维护。在 GitHub 查看
{
"$schema": "https://static.modelcontextprotocol.io/schemas/2025-12-11/server.schema.json",
"name": "io.github.GLips/Figma-Context-MCP",
"description": "Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.",
"repository": {
"url": "https://github.com/GLips/Figma-Context-MCP",
"source": "github"
},
"version": "0.6.4",
"packages": [
{
"registryType": "npm",
"identifier": "figma-developer-mcp",
"version": "0.6.4",
"transport": {
"type": "stdio"
},
"packageArguments": [
{
"type": "positional",
"value": "--stdio"
}
],
"environmentVariables": [
{
"description": "Your Figma Personal Access Token, learn more here: https://www.figma.com/developers/api#access-tokens",
"isRequired": true,
"format": "string",
"isSecret": true,
"name": "FIGMA_API_KEY"
}
]
}
]
}