Framelink Figma MCP Server
2025.04.15
95000
TypeScript设计工具集成AI 辅助开发开发效率
Framelink Figma MCP Server 是一个为 AI 驱动的编码工具（如 Cursor、Windsurf、Cline 等）提供 Figma 设计数据访问的服务器。它通过 Model Context Protocol (MCP) 简化并翻译 Figma API 的响应，仅提供最相关的布局和样式信息，从而提高 AI 的准确性和响应相关性。该服务器特别适用于与 Cursor 配合使用，帮助开发者快速实现设计。
View on GitHub
Overview
基本能力
产品定位
Framelink Figma MCP Server 旨在为 AI 编码工具提供 Figma 设计数据的访问，帮助开发者快速实现设计。
核心功能
- 提供 Figma 设计数据的访问。
- 简化并翻译 Figma API 的响应，仅提供最相关的布局和样式信息。
- 提高 AI 编码工具的准确性和响应相关性。
适用场景
- 在 AI 编码工具（如 Cursor）中快速实现 Figma 设计。
- 需要将 Figma 设计数据集成到开发工作流中的场景。
工具列表
- Figma API：用于获取 Figma 设计数据。
- Model Context Protocol (MCP)：用于简化并翻译 Figma API 的响应。
常见问题解答
- 如何获取 Figma API 访问令牌？
- 参考 Figma 官方文档。
- 如何配置 Framelink Figma MCP 服务器？
- 参考 Framelink 文档。
使用教程
使用依赖
- 需要安装 Node.js 和 npm。
- 需要 Figma API 访问令牌。
安装教程
- 在配置文件中添加以下内容（MacOS / Linux）：
json { "mcpServers": { "Framelink Figma MCP": { "command": "npx", "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"] } } } - Windows 用户使用以下配置：
json { "mcpServers": { "Framelink Figma MCP": { "command": "cmd", "args": ["/c", "npx", "-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"] } } }
调试方式
- 确保 Figma API 访问令牌有效。
- 检查配置文件是否正确。
- 运行命令后查看输出是否有错误信息。