F2C MCP服务器
](https://smithery.ai/server/@f2c-ai/f2c-mcp) ](https://npmjs.com/package/@f2c/mcp) ](https://npmjs.com/package/@f2c/mcp) ](https://github.com/f2c-ai/f2c-mcp) ](https://nodejs.org/en/about/previous-releases)
英语| 简体中文
用于Figma设计到编码的模型上下文协议服务器 F2C.
特性
- 🎨 像素完美HTML/CSS:F2C精确地将Figma设计转换为像素完美的HTML/CSS。
- ⚛️ 多框架支持：F2C生成React、CSS模块和Tailwind CSS代码，以实现快速开发。
- 🧠 Figma设计上下文：F2C集成了设计上下文，确保与Cursor等AI工具的兼容性。
- 🔗 Figma文件URL解析：F2C通过Figma URL转换设计节点，简化工作流程。
- 🖼️ 远程图像定位：F2C自动将Figma图像下载到本地资源以提高效率。
运作原理
- 配置服务器 在MCP支持的IDE中（例如，游标、Trae）。
建议使用 IDE 命令
- 在IDE中打开聊天（例如Cursor中的代理模式）。
- 将链接粘贴到Figma节点（右键单击Figma层面板中的任何节点以复制它）。
- 在聊天中输入您的要求，例如获取节点数据、下载图像、转换为代码等。
配置和开发
看 配置和开发
数据隐私声明
本项目中集成的日志工具仅用于基本使用统计和错误日志报告。不会收集任何敏感信息或用户数据。所有报告的数据仅用于提高产品质量和用户体验。
常见问题解答
看 常见问题解答
鸣谢
多亏了
- Framelink Figma MCP服务器 使用此模型上下文协议服务器，让Cursor和其他AI驱动的编码工具访问您的Figma文件。
- 光标与Figma MCP对话 允许Cursor与Figma通信，以读取设计并以编程方式对其进行修改。
- Figma MCP服务器 该服务器提供了直接通过ModelContextProtocol查看、评论和分析Figma设计的工具。