awdr74100/figwright

解决的问题

Figwright 为 AI 编码代理（如 Claude Code 或 Cursor）与 Figma 之间提供双向桥梁。它不仅允许代理读取设计数据以生成代码，还能直接主动编辑和创作 Figma 画布，无需付费的 Figma Dev Mode 席位。

工作原理

该项目由一个 MCP（模型上下文协议）服务器和配套的 Figma 插件组成。MCP 客户端（AI 代理）通过 stdio 与服务器通信，服务器再通过本地 WebSocket 将命令转发给 Figma 插件。这种架构确保所有数据都保留在本地机器上。为提高代码生成的准确性，采用“提供者优先”方法，优先呈现设计上下文，并将 Figma 数据映射到用户现有代码库的组件和标记，而非使用通用标记。

适用人群

在 Figma 中使用 AI 代理实现设计或构建原型的开发者和设计师，特别是寻找官方 Dev Mode MCP 工具免费替代方案的人群。

主要亮点

• 双向功能：提供 112 个工具，支持读取（检查布局、样式和变量）和写入（创建框架、文本和自动布局）画布。
• 提供者优先的代码生成：检测用户的具体框架和样式系统，复用现有组件和图标。
• 本地优先的安全性：所有通信通过本地回环进行，确保设计从不发送到外部服务器。
• 可扩展的技能：附带可安装的“技能”（如 figma-codegen 和 figma-build），用于协调特定工作流的工具。
• 免费版兼容：无需付费 Dev Mode 席位，可在免费 Figma 版本上运行。