Framelink Figma MCP Server - MCP服务，MCP服务器，MCP教程

基本能力

产品定位

Framelink Figma MCP Server 旨在为 AI 编码工具提供 Figma 设计数据的访问，帮助开发者快速实现设计。

核心功能

1. 提供 Figma 设计数据的访问。
2. 简化并翻译 Figma API 的响应，仅提供最相关的布局和样式信息。
3. 提高 AI 编码工具的准确性和响应相关性。

适用场景

1. 在 AI 编码工具（如 Cursor）中快速实现 Figma 设计。
2. 需要将 Figma 设计数据集成到开发工作流中的场景。

工具列表

1. Figma API：用于获取 Figma 设计数据。
2. Model Context Protocol (MCP)：用于简化并翻译 Figma API 的响应。

常见问题解答

1. 如何获取 Figma API 访问令牌？
2. 参考 Figma 官方文档。
3. 如何配置 Framelink Figma MCP 服务器？
4. 参考 Framelink 文档。

使用教程

使用依赖

1. 需要安装 Node.js 和 npm。
2. 需要 Figma API 访问令牌。

安装教程

1. 在配置文件中添加以下内容（MacOS / Linux）：
   json
{
"mcpServers": {
"Framelink Figma MCP": {
"command": "npx",
"args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
}
}
}
2. Windows 用户使用以下配置：
   json
{
"mcpServers": {
"Framelink Figma MCP": {
"command": "cmd",
"args": ["/c", "npx", "-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
}
}
}

调试方式

1. 确保 Figma API 访问令牌有效。
2. 检查配置文件是否正确。
3. 运行命令后查看输出是否有错误信息。