mobile wallpaper 1mobile wallpaper 2mobile wallpaper 3mobile wallpaper 4
1780 字
5 分钟
open-design实战:本地跑的开源版Claude Design,19个技能71套设计系统全免费
2026-05-19

别人花订阅费用 Claude Design,你在本地跑一个开源版,一分钱不花,效果还能调

Anthropic 上线 Claude Design:闭源、要订阅、锁死 Claude。 11 天后,nexu-io 甩出 open-design:开源、本地跑、模型随便接。 v0.7 一口气塞进 19 个 Skills + 71 套设计系统,能出网页、App、PPT、Dashboard。 免费、本地、自带 Key。 这篇带你在 Windows 上跑起来。


一、open-design 到底是个啥?#

一句话:Claude Design 的开源平替。

说人话:不用开 Figma、不用注册 Canva、不用月付订阅。本地装个 App,告诉它”来个 SaaS 落地页”,它直接吐出能跑的 HTML 原型。

Claude Design 是啥?

Anthropic 2026 年 4 月推的 AI 设计工具,自然语言出网页/PPT/Dashboard。问题:闭源、要订阅、只支持 Claude、云端跑、改不动。

核心能��一览#

能力维度具体内容
Skills19 个:网页、App、PPT、Dashboard、看板、发票、PM 文档……
Design Systems71 套:HUD、交易终端、微信、杂志、约会软件……
导出格式HTML / PDF / PPTX / MP4
预览沙箱化 iframe 实时预览
运行 AgentClaude Code / Codex / Cursor / Gemini 等 16 个
数据全程本地,不出门
BYOK自带任何模型 API Key

设计哲学:两层抽象#

open-design 把 AI 设计拆成两件事:

Skill 决定”做什么”——saas-landing 出落地页,dashboard 出仪表盘,weekly-update 出周报 PPT。

Design System 决定”长什么样”——同一个落地页,套 “Atelier Zero” 是极简风,套 “Loom” 是工业风,套 “WeChat” 是微信风。

19 × 71 = 1,300+ 种”技能 × 风格”组合

TIP

“做什么”和”长什么样”彻底解耦——换风格不用重写提示词,换个 Design System 就行。

适合谁用?#

  • 独立开发者 / 小团队 ——不想每月给 Figma、Canva、Claude Design 三家付钱
  • 自媒体作者 ——快速出 PPT、海报、图文
  • 产品经理 ——快速出 PRD 配图、原型、Dashboard demo
  • 设计新手 / 企业内部 ——不会 Figma,或数据不能上云

二、为什么是 open-design?同类工具横评#

聊到 AI 设计工具,市面上一抓一大把。

但能做到”本地跑 + 开源 + BYOK + 多技能”全占齐的,目前真没几个。

我把现在 AI 设计赛道的主流玩家拉出来对比一下,你一看就懂。

主流 AI 设计工具横评#

工具适合谁最大限制
Claude Design愿意付费、零配置闭源、订阅、只能用 Claude
open-design想免费、多模型自由切需要自备 API Key
Open CoDesignMac/Win 桌面用户技能数量较少
Figma AI已在用 Figma 的设计师$16/月,AI 是辅助
Canva AI营销、社媒用户$10/月,风格模板化
Adobe FireflyAdobe 生态用户订阅贵、门槛高

关键差异:open-design vs Claude Design#

维度Claude Designopen-design
开源❌ 闭源✅ 开源
本地❌ 云端✅ 本地
订阅❌ 要付费✅ 免费
模型只有 Claude多模型随意切
技能官方固定19 Skills + 71 DS
定制❌ 不行✅ 可自己写
数据❌ 上云✅ 完全本地
TIP

怎么选?

  • 想零配置 + 愿意付费 + 只用 Claude → 直接用 Claude Design
  • 想白嫖 + 想多模型自由切 + 数据敏感 → 选 open-design
  • 已经在 Figma 工作流里 → 装 Figma AI 插件就够了
  • 只是做营销图片 → Canva AI 更顺手
  • 要桌面 App 一键导入 Key → 看看 Open CoDesign

BYOK 是什么?#

BYOK = Bring Your Own Key,自带 Key,省钱神器

自己注册 Claude / OpenAI Key 填进去,用你的额度跑。三个好处:

  1. 软件免费——open-design 一分钱不收
  2. 粗活用便宜模型——草稿丢 DeepSeek / Kimi,定稿才上 Claude Opus
  3. 按量付费——没用不扣钱
WARNING

泼几盆冷水:

  1. Windows 安装比 Mac 复杂一点——需要 Node 24 + pnpm 10.x,新手第一次装容易卡环境
  2. 不是无脑出大片——AI 出的设计稿是”可用的起点”,要精修还得自己改
  3. API 费用要自己控——Claude Opus 跑大型原型一次可能几块到几十块,记得盯着账单
  4. Windows 安装包未签名——Defender 会弹警告,需要手动允许(不是病毒,是没花钱签名)

三、open-design 怎么装?怎么用?Windows 实战#

Windows 用户不需要装任何环境。

去官网 open-design.aiDownload 按钮,下载 Windows 桌面版安装包,双击安装。

第一步:下载安装#

打开 https://open-design.ai/,点页面上的 Download 按钮,下载 Windows 版 .exe 安装包,双击 → 下一步 → 完成。

官网下载页面

WARNING

安装包未签名,Windows SmartScreen / Defender 会弹安全警告——这是正常现象,不是病毒,点”仍要运行”即可。

Windows安全警告弹窗

第二步:配置 API Key#

第一次启动,它会让你选运行方式。

如果你电脑里已经装了 Claude Code / Codex / Cursor 等 CLI,它会自动识别,直接用,不用配。

没有的话,点 BYOK 模式,填三样东西:

字段填什么
API 接口地址Anthropic 官方:https://api.anthropic.com;国内中转填中转地址
模型名claude-sonnet-4-6 / gpt-4o / gemini-2.5-pro 任选
API Keyconsole.anthropic.com 或 OpenAI 控制台拿

第三步:生成第一张设计稿#

进主界面,三步走:

1. 选 Skill——决定做什么,新手推荐先试:

  • saas-landing ——落地页
  • dashboard ——数据大屏
  • weekly-update ——周报 PPT
  • mobile-app ——App 原型

选择Skill界面

2. 选 Design System——决定风格,随便挑:

  • Atelier Zero ——极简白
  • HUD ——科技感
  • WeChat ——微信风
  • Trading Terminal ——金融风

3. 填 Brief——用一句话描述需求

选择Design System界面

填写Brief界面

提交后 10 分钟出第一稿,沙箱里实时预览。

第四步:迭代 + 导出#

不满意,三种改法:

  • Tweaks——自然语言微调,“把主色改成绿色”
  • Critique——让 AI 自己挑毛病、自动改
  • 换 Design System——30 秒换风格,不用重写需求

满意后点导出,选 HTML / PDF / PPTX / MP4。

预览与导出界面


三件事,今天就开始#

道理讲完了,回去就能做:

  1. 去官网下载 App,双击安装,5 分钟以内能跑起来
  2. 克隆 open-design 仓库跑起来,挑一个 Skill + Design System,用 5 分钟出一个落地页 demo 玩玩
  3. 接上你自己的 API Key,把第二个真实需求(比如下周要发的 PPT、要给客户的提案)丢给它干,别让工具吃灰

别再为订阅费焦虑了。开源工具能给你 80% 的能力、0% 的月费、100% 的可控。把省下来的订阅钱拿去买 API 额度,按需付费,按结果算钱。

分享

如果这篇文章对你有帮助,欢迎分享给更多人!

open-design实战:本地跑的开源版Claude Design,19个技能71套设计系统全免费
https://law007.me/posts/open-design-claude-design-alternative/
作者
Law
发布于
2026-05-19
许可协议
CC BY-NC-SA 4.0

部分信息可能已经过时

相关文章 智能推荐
1
open-design进阶:用Codex跑出完整产品原型
AI教程 open-design 装好之后,接上 Codex 就能全自动生成多页完整产品原型。本文详解 Codex + open-design MCP 的组合用法,附实战 Prompt 和 13 页 AI 社媒平台原型截图。
2
PageIndex 实战:抛弃向量库的新一代 RAG,长文档检索准确率冲到 98.7%
AI教程 PageIndex 是一种不用向量库、把长文档变成"目录树"再让 LLM 推理导航的新一代 RAG 框架,FinanceBench 实测准确率 98.7%。本文从原理、横评到 Windows 安装实战一次讲完。
3
RTK实战:帮你省掉60-90%的AI编程Token费用
AI教程 RTK(Rust Token Killer)是一个夹在命令输出和 AI 上下文之间的压缩器,实测一次会话可节省 60-90% 的 token。本文手把手讲 Windows 安装、接入 Claude Code / Codex,以及哪些命令最有效。
4
CodeGraph实战:让Claude Code省94% token的本地代码搜索神器,Windows小白也能装
AI编程 CodeGraph 是一个跑在本地的代码知识图谱 MCP 服务,能让 Claude Code、Cursor、Codex 在大型项目里省下 90% 以上的探索 token。本文手把手讲清它的原理、同类工具对比,以及 Windows 上的保姆级安装步骤。
5
Recordly、OpenScreen 全实测:Windows 用户到底该装哪个?
工具教程 Recordly 和 OpenScreen 是目前 Windows 上仅有的免费开源自动缩放录屏工具,本文实测对比两者功能、安装步骤和已知问题,帮你选出最适合的那个。

目录