实验简介

Open Design 是 nexu-io 团队开源的本地优先的 AI 设计全能平台，定位为“开源版 Claude Design”。项目基于 Apache-2.0 协议开源，GitHub 已获得 65k+ Stars，支持用一句自然语言生成网页原型、App 界面、演示文稿、视频等多种设计作品，内置 150+ 品牌级设计系统。

本次实验通过阿里云计算巢一键部署 Open Design 到云端，搭配阿里云百炼大模型，让你在浏览器中直接体验 AI 设计能力。适合产品经理、独立开发者、运营人员、前端工程师等需要快速产出设计作品的用户。

一、部署环节

整体流程如下：

1. 登录阿里云控制台，进入 AI 尝鲜实验室找到 Open Design，点击“立即体验”进入计算巢部署页。
   
2. 填写阿里云百炼 API Key，选择实例规格，点击创建开始部署。
   
3. 等待约 1-2 分钟部署完成，获取访问地址。
   
4. 通过安全代理访问方式打开 Open Design Web 界面。
   
5. 在对话框输入设计需求，开始你的第一个 AI 设计任务。
   

二、资源及环境准备

三、详细部署步骤

步骤 1：进入计算巢并创建 Open Design 服务实例

进入 Open Design 社区版部署配置页后，选择合适的套餐、地域和实例规格。确认系统盘、公网带宽和付费方式等配置无误后，点击「立即创建」。

步骤 2：等待部署完成并获取访问地址

提交创建后系统会自动开始部署，通常等待 1-2 分钟即可完成。部署成功后，页面会显示服务实例信息，包括访问地址。注意查看“安全代理访问”字段，这就是你后续打开 Open Design 的入口。

步骤 3：进入 Open Design 主界面

进入后你会看到 Open Design 的主界面，中间有一个“你想设计什么？”的对话框。底部显示多种输出格式选项（网页、PPT、视频等），你可以根据需求选择。这里就是你日常使用的工作台。

步骤 4：发起第一个设计任务

在对话框中输入你的设计需求，比如“做一个简洁的个人博客首页”，点击发送。AI 会实时为你生成专业级的设计作品。生成完成后可以实时预览，并导出为 HTML、PDF、PPTX 等多种格式。

四、使用场景验证

部署完成后，可以在 Open Design 中直接体验以下场景：

场景一：产品经理 30 分钟交付可演示原型

你有一个新产品想法，以前要等设计师排期 3 天才能拿到原型。现在只需要告诉 Open Design“做一个 SaaS 产品官网，包含首页、功能介绍、价格页”，30 分钟内就能拿到一个可以直接给客户演示的 HTML 原型页面。

场景二：创业者 10 分钟生成路演 PPT

明天就要见投资人，路演 PPT 还没做好？输入“做一份 AI 赛道种子轮 BP，包含市场分析、产品介绍、团队页”，Open Design 直接导出一份品牌级 PPTX 文件。省下几千元设计费，多请团队吃两顿火锅。

场景三：前端开发者 Figma 设计稿秒变代码

设计师交付的 Figma 文件，直接导入 Open Design 就能自动转换为 React / Vue 组件代码。以前一像素一像素对稿还原的痛苦，现在变成了“导入 → 生成 → 微调”三步走，页面开发效率提升数倍。

场景四：运营人员批量产出活动素材

电商大促需要同时出主图、详情页、活动海报等一套视觉素材，设计资源永远不够。用 Open Design 描述活动主题和风格要求，一套素材从 1 天缩短到 1 小时产出，且风格统一。

五、后续使用与常见问题

后续使用建议

•  尝试不同的设计系统（150+ 套可选），找到最适合你行业的品牌风格。
  
•  尝试多种导出格式：HTML 可直接部署上线，PPTX 可用于汇报，MP4 可发社交媒体。
  
•  如需更复杂的设计，可在描述中细化需求，如指定配色、布局、内容结构等。
  
•  关注 Open Design GitHub 仓库获取最新版本更新和社区支持。
  

常见问题