链载Ai

标题: Figma MCP Server 发布，设计师快速生成代码 [打印本页]

作者: 链载Ai 时间: 6 小时前
标题: Figma MCP Server 发布，设计师快速生成代码

Framelink是一个Model Context Protocol (MCP) Server，它能够让Cursor、Windsurf、Cline等AI编码工具直接访问您的Figma设计文件数据，使这些工具能够更准确、更高效地将设计转换为代码实现。

工作原理

Framelink的工作流程简单直观：

1. 打开你的IDE聊天界面（例如Cursor的agent模式）

2. 粘贴Figma文件、画板或组件的链接

3. 要求AI助手根据Figma文件实现设计

4. AI将从Figma获取相关元数据并用它来编写代码

与简单地粘贴屏幕截图相比，当Cursor能够访问Figma设计数据时，它能够更准确地一次性生成设计代码，效率大大提高。

Framelink MCP服务器专为Cursor等AI编码工具设计，它在从Figma API获取响应后，会对数据进行简化和翻译，只提供最相关的布局和样式信息给模型。这种减少上下文信息的方法可以使AI更准确，响应更相关。

快速开始

要开始使用Framelink，您需要在配置文件中添加以下设置：

MacOS / Linux

{"mcpServers":{"FramelinkFigmaMCP":{"command":"npx","args":["-y","figma-developer-mcp","--figma-api-key=YOUR-KEY","--stdio"]}}}

Windows

{"mcpServers":{"FramelinkFigmaMCP":{"command":"cmd","args":["/c","npx","-y","figma-developer-mcp","--figma-api-key=YOUR-KEY","--stdio"]}}}

注意：您需要创建一个Figma访问令牌才能使用此服务器。

Framelink Figma MCP Server通过提供设计数据的智能访问方式，正在革新开发者的工作流程。无论是前端开发者还是全栈工程师，都能从这个工具中受益，大大减少从设计到实现的时间和精力投入。

下面是一些使用视频

地址：

https://github.com/GLips/Figma-Context-MCP

其他的figma mcp server

https://github.com/TimHolden/figma-mcp-server

欢迎光临链载Ai (https://www.lianzai.com/)