Figwright:本地 MCP 服务器,使 AI 驱动的编辑在 Figma 内部实现
Figwright,由 Awdr74100 开发,是一个模型上下文协议服务器,将 Figma 转变为 AI 代理的交互环境。它通过本地 MCP 中继连接 Figma 和语言模型,以读取设计并推动基于代码的更改,实现设计到代码的转换和 AI 驱动的文本本地化。主要功能包括双向同步、框架感知代码生成和广泛的 MCP 工具集。工程师、UI 设计师和本地化团队获得项目感知的自动化,具备本地数据处理和面向开发者的输出。
你实际上可以用它做什么任务?
该工具作为本地 MCP 服务器运行,允许代理读取 Figma 文档并对其进行操作。通过双向同步,代理可以修改文本节点、调整自动布局层次结构,并直接在画布上创建 UI 组件。典型的工作流程包括自动化设计到代码的转换和 AI 驱动的文本本地化,其中代理的操作会改变 Figma 文件,而不仅仅是生成外部工件。
生成的代码和组件有多准确?
框架感知的代码生成通过读取本地源并重用项目组件、设计令牌和命名约定,旨在与现有代码库对齐。这种方法减少了手动对账,因为生成的代码旨在适应项目的架构。因此,集成的准确性取决于可访问的本地代码库的完整性和代表性,以及项目约定在代码中表达的一致性。
它需要什么文件和设置?
安装需要 Node.js 来运行本地服务器和通过清单安装的 Figwright Figma 插件。服务器连接到兼容 MCP 的客户端;示例包括 Claude Desktop 和 Cursor。由于它作为本地 WebSocket 中继运行,因此设计文件保留在用户的环境中,而不是被外部上传。缺少 MCP 客户端或插件会阻止完整的交互模型正常工作。
它对开发者工作流程和调试实用吗?
该工具提供超过 100 个 MCP 工具,以便于对工程任务进行细粒度控制和编程访问。活动和调试视图显示每个工具调用和发送到语言模型的有效负载,这有助于故障排除。代理可以将特定节点导出为图像,以在处理过程中提供视觉上下文。该项目将自己定位为一个高性能、使用无限制的替代品,适用于那些更喜欢本地操作的团队,取代官方 MCP 服务器。
适合需要本地控制的技术能力团队的实用选项
Figwright 非常适合接受开发者级设置和 MCP 集成的工程和设计团队。该产品加速了将设计常规翻译为代码的过程,同时保留了本地数据处理,但团队应通过正常的代码审查和测试来验证生成的组件。将该工具视为减少重复工作的自动化助手,而不是复杂项目中架构验证的替代品。