手把手教你用Open Design设计顶级网页、幻灯片、图片视频等

0 阅读1分钟

前言:Open Design 是 Anthropic Claude Design 的开源平替版。它是一个本地优先(local-first)的 Web 应用,适合产品经理、独立开发者、设计师、创业者、运营 / 市场 等人使用。能设计网页、幻灯片、图片、视频等。

内置 31+ 个可组合的 Skills(技能)和 72+ 个品牌级 Design Systems,让你现有的 coding agent(Claude Code、Codex、Cursor、Gemini CLI 等)成为设计引擎。而且完全免费,本地运行,不锁定任何 AI 服务。

下载Open Design

下载地址:github.com/nexu-io/ope…

下载成功软件打开如下:

模型配置

配置自定义模型:

个性化配置,如下可以配置软件国际化语言、宠物、以及自定义的一些Skills、MCP等

它能做什么?

预设多多维度设计体系

  • 输入"帮我做一个 SaaS 产品的落地页,风格参考 Linear",它给你生成一个完整的 HTML 页面,可直接预览和下载

  • 输入"做一份融资路演 PPT,杂志风格",生成带 WebGL 动效背景的演示文稿

  • 输入"设计一个健身 App 的三屏引导流程",生成带 iPhone 15 Pro 外框的像素级原型图

  • 输入"做一个数据分析 Dashboard",侧边导航 + 图表全给你整好

支持的输出格式:

  1. 📄 HTML(可直接部署)

  2. 📊 PDF

  3. 📽 PPTX

  4. 📦 ZIP 打包下载

  5. 📝 Markdown

Demo:“夏日炎炎”网页

使用流程:

  1. 选技能(Skill):选你要做什么,比如"落地页"、"Dashboard"、"移动 App"、"PPT"

  2. 选设计系统:选风格,比如 Linear、Stripe,或者用内置的 5 种方向之一

  3. 输入描述:用自然语言写你想要什么

  4. 填问题表单:回答几个关键问题(表面/受众/基调等)

  5. 等待生成:可以看到 AI 的实时"待办计划"在流式更新

  6. 在线预览:生成的设计直接在沙盒 iframe 里展示,看效果

  7. 导出:一键下载 HTML / PDF / PPTX

做一个“夏日炎炎”风格的网页。只给出一句话提示词,然后回答AI提出的风格偏好

期间无需任何介入,总共耗时3分钟,成果如下,可以自行导出网页、图片等导出文件,部分截图如下:

整体适合产品经理、独立开发者、设计师、创业者、运营 / 市场 等人使用。能设计网页、幻灯片、图片、视频等,设计感很足,如果你经常需要出设计稿但没有专业设计能力,Open Design 值得试试。它不是"AI 帮你写代码",而是"AI 充当你的设计师"——有问有答、有规范约束、有自我审查,生成的东西能看、能用、能交付。

如果需要将设计转成具体的产品,SaaS化,可以结合MuseMVP一起使用,真正做到一句提示词,做出一款真正的可收益产品。