open-design:一个用于生成原型、演示文稿和动态图形的开源代理式设计工作空间

open-design:一个用于生成原型、演示文稿和动态图形的开源代理式设计工作空间

它解决了什么问题

Open Design 是 Claude Design 的开源、本地优先替代方案。它将设计流程从在 Figma 等工具中手动像素操作,转变为代理原生的工作流,使 AI 代理能够发现需求、生成原型,并直接交付符合品牌的产出。

工作原理

该项目提供了 macOS 和 Windows 的原生桌面应用,充当工作空间。它通过 MCP 服务器或 BYOK 代理与大量编码代理(如 Claude Code、Cursor 和 GitHub Copilot)集成。这些代理使用技能文件系统、在 DESIGN.md 中定义的设计系统以及插件来生成各种输出。系统在沙箱 iframe 中渲染这些输出,实现即时预览,并支持导出为 HTML、PDF、PPTX 和 MP4 等格式。

适用人群

本工具面向设计师、开发者和产品团队,帮助他们利用 AI 代理自动化设计工作流,通过共享设计系统保持品牌一致性,并快速原型化网页、移动端和动态图形。

亮点

  • 多产出生成:创建网页/移动端原型、实时仪表盘、演示文稿以及高分辨率图像。
  • 代理兼容性:支持 20 多种编码代理 CLI 和兼容 OpenAI 的端点。
  • HyperFrames 集成:使用 HyperFrames 框架渲染程序化动态图形并将动画导出为 MP4。
  • 品牌一致性:利用 DESIGN.md 系统确保所有 AI 生成的产出遵循特定品牌约定。
  • 可扩展生态:包含 100+ 技能、150 个设计系统和 261 个插件。

Sources