F2C MCP服务器

由于 Figma REST API速率限制，如果您受到影响，请切换到 @f2c/mcp插件 正常运行。

英语| 简体中文

用于Figma设计到编码的模型上下文协议服务器 F2C.

特性

• 🎨 像素完美HTML/CSS:F2C精确地将Figma设计转换为像素完美的HTML/CSS。
• ⚛️ 多框架支持：F2C生成React、CSS模块和Tailwind CSS代码，以实现快速开发。
• 🧠 Figma设计上下文：F2C集成了设计上下文，确保与Cursor等AI工具的兼容性。
• 🔗 Figma文件URL解析：F2C通过Figma URL转换设计节点，简化工作流程。
• 🖼️ 远程图像定位：F2C自动将Figma图像下载到本地资源以提高效率。

运作原理

1. 配置服务器 在MCP支持的IDE中（例如，游标、Trae）。

建议使用 IDE 命令

1. 在IDE中打开聊天（例如Cursor中的代理模式）。
2. 将链接粘贴到Figma节点（右键单击Figma层面板中的任何节点以复制它）。
3. 在聊天中输入您的要求，例如获取节点数据、下载图像、转换为代码等。

配置和开发

看 配置和开发

数据隐私声明

本项目中集成的日志工具仅用于基本使用统计和错误日志报告。不会收集任何敏感信息或用户数据。所有报告的数据仅用于提高产品质量和用户体验。

常见问题解答

看 常见问题解答

鸣谢

多亏了

• Framelink Figma MCP服务器 使用此模型上下文协议服务器，让Cursor和其他AI驱动的编码工具访问您的Figma文件。
• 光标与Figma MCP对话 允许Cursor与Figma通信，以读取设计并以编程方式对其进行修改。
• Figma MCP服务器 该服务器提供了直接通过ModelContextProtocol查看、评论和分析Figma设计的工具。