Repolode
nexu-io

nexu-io/open-design

本地优先的开源 AI 设计代理工作区,借助你自己的编码代理把需求生成原型、演示文稿、仪表盘、图片和视频。

可替代:Figma

Star
102,364
Fork
11,743
未关闭 Issue
1,208
最近提交
昨天

这是什么?

OpenDesign 是一个借助 AI 代理完成设计工作的工作区。你从一份需求出发,选择插件或模板,再由 Claude Code、Codex、Cursor、DeepSeek Harness 等编码代理依据 DESIGN.md 品牌规范生成成果。输出形式包括 Web 和移动端原型、实时仪表盘、幻灯片、图片以及 HyperFrames 动效视频,可导出为 HTML、PDF、PPTX、MP4 或 Markdown。

项目可作为桌面应用、Web 界面或 Docker 服务在本地运行,也可以在编码代理内以 MCP 服务器或 od 命令行的方式免界面使用。仓库内置 151 套设计系统、100 多个代理技能,以及数百个插件和模板。用户可通过 BYOK 代理接入自己的模型密钥,并内置 SSRF 防护。

项目基于 Apache 2.0 协议开源,主要使用 TypeScript 编写。目前官方未提供 Linux 预构建版本,Linux 用户需从源码运行。

核心功能

  • 01根据需求生成 Web 和移动端原型、仪表盘、演示文稿、图片和视频。
  • 02兼容多种编码代理 CLI,并支持通过 BYOK 接入模型服务商 API。
  • 03基于 DESIGN.md 品牌规范应用内置的 151 套设计系统。
  • 04演示文稿可导出为 HTML、PDF、PPTX、ZIP 或 Markdown,动效可导出为 MP4。
  • 05通过 stdio MCP 服务器和 od 命令行向其他代理开放项目和文件。

适用场景

  • 在工程开发前,把产品需求快速做成可点击的 Web 或移动端原型。
  • 按团队现有品牌体系制作演示文稿和营销视觉素材。
  • 依据 DESIGN.md 规范重构现有 git 代码库中的组件。
  • 让其他仓库中的编码代理直接读取本地设计项目的最新 tokens 和组件文件。

快速上手

  1. 1

    克隆仓库

  2. 2

    阅读快速入门指南以获取安装命令

使用前须知

  • 需要编码代理 CLI 或自备/付费的 API 密钥才能生成设计。
  • 部分功能(如桌面应用和云服务)依赖外部服务。

标签

常见问题

open-design 是什么?
本地优先的开源 AI 设计代理工作区,借助你自己的编码代理把需求生成原型、演示文稿、仪表盘、图片和视频。 OpenDesign 是一个借助 AI 代理完成设计工作的工作区。你从一份需求出发,选择插件或模板,再由 Claude Code、Codex、Cursor、DeepSeek Harness 等编码代理依据 DESIGN.md 品牌规范生成成果。输出形式包括 Web 和移动端原型、实时仪表盘、幻灯片、图片以及 HyperFrames 动效视频,可导出为 HTML、PDF、PPTX、MP4 或 Markdown。
open-design 可以免费使用吗?用的什么许可证?
open-design 以 Apache-2.0 许可证开源。用于商业产品前,请先确认许可证条款。
open-design 还在维护吗?
活跃维护中。open-design 最近一次提交是在 2026年10月19日。
open-design 适合用来做什么?
在工程开发前,把产品需求快速做成可点击的 Web 或移动端原型。 按团队现有品牌体系制作演示文稿和营销视觉素材。 依据 DESIGN.md 规范重构现有 git 代码库中的组件。 让其他仓库中的编码代理直接读取本地设计项目的最新 tokens 和组件文件。
open-design 怎么安装和运行?
克隆仓库 阅读快速入门指南以获取安装命令
在哪里获取 open-design?
源代码和安装说明在 GitHub 上:https://github.com/nexu-io/open-design

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目