乐于分享
好东西不私藏

AI也能做出杂志级设计了,Claude Design的开源替代Open Design已经支持Kami,上手指南

AI也能做出杂志级设计了,Claude Design的开源替代Open Design已经支持Kami,上手指南

Claude Design是一款强大的AI设计工具,之前也分享过一个它的开源替代品Open CoDesign,今天再分享一个本地替代:Open Design,而且它刚更新支持Kami设计系统了,社区对这个的评价已经足够吸引人:“这真是我见过最好看的设计系统之一”“再现纸质的荣光”。

已关注

关注

重播 分享


一、Open Design是什么?

简单说,Open Design是Anthropic Claude Design的本地优先、完全开源替代品。它不是一个“AI画图工具”,而是一个Agent驱动的设计生成平台

  • • 核心能力:让 Claude Code、Codex、Cursor、Gemini CLI、Hermes、Kimi CLI等 11+ 种主流 coding agent 自动在本地文件系统里生成高质量设计产物。
  • • 支持内容:Web/移动/桌面原型、Pitch Deck、简历、作品集、杂志海报、信函、甚至短视频与 HyperFrames。
  • • 设计系统库:内置 72 个品牌级 DESIGN.md(Linear、Stripe、Vercel、Apple、Notion、小红书、Tesla……几乎覆盖主流产品),加上 31 个可组合 Skill(magazine-poster、guizang-ppt 等)。
  • • 独特机制:沙盒预览 + 实时 Todo 流 + 强制问题表单 + 五维自评 + 反 Slop 黑名单(禁止紫色渐变、emoji 滥用、Inter 做标题等),极大降低“AI 廉价感”。
  • • 导出格式:HTML / PDF / PPTX / ZIP / Markdown,一键专业输出。

最关键的更新(就在昨天):正式集成Kami设计系统,让任何生成内容都能拥有“专业杂志/书籍”的纸质质感。

二、Kami:为什么被称作“纸质的荣光”?

Kami(日语“紙”)是@HiTw93的个人作品,核心理念只有一句话:Good content deserves good paper.

它不是传统UI组件库,而是一个严格约束的印刷品设计系统

  • • 视觉基调:温暖羊皮纸背景(#f5f4ed,非纯白)、唯一强调色墨蓝(#1B365D)、大量暖调中性色。
  • • 字体体系:英文用 Charter(经典衬线),中文用仓耳金楷(TsangerJinKai02,个人免费,商用需授权),日文 YuMincho。行高、字重、层次全部写死在规则里。
  • • 排版哲学:极简阴影(只有 whisper/ring 两种)、紧凑标题行高(1.1-1.3)、舒适正文行高(1.5-1.55)、绝对禁止“AI 味”装饰。
  • • 支持类型:One-Pager、Long Doc、Letter、Portfolio、Resume、Slides(含 WeasyPrint 优化模板)。

具体呈现效果就是:你用同样 Prompt 生成的东西,瞬间从“能看”变成“想收藏、想打印、想发朋友圈”

Open Design 这次集成后,不仅支持 Kami 所有文档类型,还额外做了 kami-deck.html 模板,专为横版杂志风 Pitch Deck 优化。


三、具体使用方法(上手指南)

1. 环境准备(可能最花时间的一步)

  • • Node.js ≈ 24(推荐用 nvm/fnm 管理)
  • • pnpm 10.33.x(corepack enable 后自动)
  • • 至少一个 Agent CLI(推荐顺序):
    • ◦ Claude Code(最强)
    • ◦ Codex / Cursor / Hermes / Kimi CLI等
    • ◦ 没有也行,用内置 BYOK 代理,填上任意OpenAI兼容的大模型key就行

2. 一键启动

git clone https://github.com/nexu-io/open-design.gitcd open-designpnpm installpnpm tools-dev run web

启动后打开终端显示的本地地址(通常 http://localhost:xxxx),首次运行会自动创建 .od/ 文件夹(SQLite 数据库 + 项目工作区)。

3. 日常生成流程(极简)

  1. 1. 选择 Skill(左侧菜单):
    • ◦ 想做杂志风单页 → magazine-poster
    • ◦ 想做 Pitch Deck → guizang-ppt(推荐)
    • ◦ 简历/作品集/信函 → 对应文档 skill
  2. 2. 选择 Design System → 搜索并选中 Kami
  3. 3. 输入自然语言 Prompt,例如:
    • ◦ “为我的种子轮做一个 8 页杂志风格的 pitch deck,目标是早期投资人,语气专业且有故事感”
    • ◦ “帮我做一份 2 页英文创始人简历,突出技术深度与产品思维”
  4. 4. 填写 Discovery Form(必须):表面、受众、语气、品牌背景、规模、约束。
  5. 5. 选择视觉方向(或直接用 Kami 预设)。
  6. 6. 坐等 Agent 实时输出 Todo 计划 → 文件写入 → 沙盒 iframe 预览。
  7. 7. 满意后一键导出 PDF / PPTX / HTML。

此外,Kami独立使用也可以(不走Open Design):npx skills add tw93/kami -a claude-code -g -y然后在Claude Code里直接说“用 Kami 风格做一份作品集”即可。


四、分析:值不值得试试?

优点

  • • 质量确实领先:Kami 的约束机制 + Open Design 的反 Slop 流程,让输出稳定在“专业印刷品”水准。
  • • 本地优先 + 开源:数据不上传、完全可审计、可深度定制。
  • • 生态已成型:72 个设计系统 + 31 个 skill,基本覆盖 95% 日常需求。
  • • 成本可控:用开源模型或自建模型就能跑;导出格式直接商用无水印。

局限

  • • 上手门槛中等:Node + pnpm + Agent CLI 配置,对纯小白仍有挑战(预计 15-30 分钟)。
  • • 依赖底层模型能力:Claude强,弱模型容易“翻车”。
  • • 中文字体商用需注意授权。
  • • 生成复杂长文档仍需人工二审(虽然机制已极大降低出错率)。

总之,如果你每天都在用 AI 写东西、做演示、发作品集,且对“看起来专业”有强需求,那它现在就值得装。 如果你只是偶尔用一次,或者完全零技术背景,建议等桌面版或社区教程出来再试。


最后

AI已经能写代码、画图、做视频,但“让内容拥有高级感”一直是很难的一块拼图。Open Design + Kami 的组合向我们展示了:开源社区正在把“纸质的荣光”重新带回数字世界。纸质时代已过,但“专业、有质感”的标准,永远不会过时。虽然还不是完美的神器,但它足够诚实、足够开放、足够有野心。

Open Design项目: https://github.com/nexu-io/open-designKami项目: https://github.com/tw93/kami

(本文基于官方README、社区反馈及实际安装体验整理。观点纯属个人判断,非商业推广。如有更新,以GitHub最新内容为准。)