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
- undefinednexu-io/open-design