设计
Figma Context
将 Figma 设计桥接到 AI 代理——读取布局、组件和设计令牌,实现设计到代码的工作流。
安装
npx -y figma-developer-mcp --figma-api-key=<YOUR_KEY>Figma Context MCP 是星标最高的 Figma 集成(15K+),专为 AI 代理设计。它从 Figma 文件中提取设计数据——布局、组件、样式和令牌——使代理能够生成准确的、符合设计的代码。
{
"mcpServers": {
"figma": {
"command": "npx",
"args": ["-y", "figma-developer-mcp", "--figma-api-key=<YOUR_KEY>"]
}
}
}
--figma-api-key 标志中使用