注:当前项目为 Serverless Devs 应用,由于应用中会存在需要初始化才可运行的变量(例如应用部署地区、函数名等等),所以不推荐直接 Clone 本仓库到本地进行部署或直接复制 s.yaml 使用,强烈推荐通过
s init ${模版名称}的方法或应用中心进行初始化,详情可参考部署 & 体验 。
Framelink Figma MCP Server
使用该项目,您需要有开通以下服务并拥有对应权限:
| 服务/业务 | 权限 | 相关文档 |
|---|---|---|
| 函数计算 | AliyunFCFullAccess | 帮助文档 计费文档 |
- 🔥 通过 云原生应用开发平台 CAP ,
该应用。
通过此 Model Context Protocol 服务器,为 Cursor 和其他 AI 驱动的编码工具提供 Figma 文件访问权限。
当 Cursor 可以访问 Figma 设计数据时,它比粘贴截图等替代方法更能一次性准确实现设计。
观看使用 Figma 设计数据在 Cursor 中构建 UI 的演示
- 打开 IDE 的聊天(例如:Cursor 的代理模式)。
- 粘贴 Figma 文件、框架或组的链接。
- 要求 Cursor 对 Figma 文件执行某些操作(例如:实现设计)。
- Cursor 将从 Figma 获取相关元数据并使用它来编写代码。
此 MCP 服务器专为与 Cursor 一起使用而设计。在从 Figma API 响应上下文之前,它会简化和翻译响应,以便只向模型提供最相关的布局和样式信息。
减少提供给模型的上下文数量有助于提高 AI 的准确性并使响应更具相关性。
许多代码编辑器和其他 AI 客户端使用配置文件来管理 MCP 服务器。
可以通过将以下内容添加到配置文件中来设置 figma-developer-mcp 服务器。
注意:您需要创建 Figma 访问令牌才能使用此服务器。有关如何创建 Figma API 访问令牌的说明,请参见此处。
{
"mcpServers": {
"Framelink Figma MCP": {
"command": "npx",
"args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
}
}
}{
"mcpServers": {
"Framelink Figma MCP": {
"command": "cmd",
"args": ["/c", "npx", "-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
}
}
}有关如何配置 Framelink Figma MCP 服务器的更多信息,请参阅 Framelink 文档。
Framelink Figma MCP 服务器简单但功能强大。在 Framelink 网站上了解更多信息。
部署完成拿到 URL 后,准备好支持 SSE 的 MCP Client,通过 SSETransport 进行连接。
