我让AI画了100个App UI，结果被设计总监骂了一顿

那天，设计总监丢给我一个链接，说：

"以后给客户出方案，先让AI跑一遍。"

我点开一看，是 oh-my-design——一个收录了 137 个真实品牌设计系统的开源工具包。

说实话，我第一反应是：这玩意能比我更懂设计？

01. 被现实打脸的过程

第一件事，我用它跑了 Airbnb 的设计系统。

输入需求："做一个民宿预订模块"

三分钟后，AI 给我返了一个完整的 UI 界面——颜色、间距、字体、圆角，全部对齐 Airbnb 官方规范。

我愣住了。

不是因为它做得好，是因为它做的，完全是我想要的，但从来不敢奢望 AI 能做到的。

我试着又跑了 Apple、Stripe、Figma——

每一次，AI 输出都像是一个真的懂这个品牌的设计师在帮我画图，而不是一个通用模板套了层皮。

02. 到底怎么回事？

后来我才明白这个工具的逻辑。

传统的 AI 设计工具，告诉你："给我一句话描述，我来画。"

但 oh-my-design 的逻辑完全不同：

"先学，再画。"

它把 137 个真实公司的 DESIGN.md 文件（颜色规范、字体规范、组件规则、品牌哲学）全部喂给 AI。

AI 动手之前，先读这个品牌的规格文档——

颜色怎么走、字体用什么、品牌调性是什么、哪些是禁忌。

读完再画。

所以它出来的图，不是"猜"，是**"套"**。

03. 137个品牌，都是什么段位？

随便列几个：

• • Apple — 极简、精密、系统感
• • Airbnb — 温暖、摄影优先、人文感
• • Stripe — 专业、清晰、金融信任感
• • Figma — 协作、网格、现代感
• • Bilibili — 年轻、潮酷、二次元
• • Coinbase — 安全、前沿、加密感
• • Tesla / SpaceX — 科技、前沿、突破感
• • Spotify — 音乐、活力、现代感

随便一个丢给AI，AI就成了那个品牌的驻场设计师。

04. 一行命令，装进你的AI助手（OpenClaw/Hermes）

安装方式：

方式一：克隆到本地

git clone https://github.com/kwakseongjae/oh-my-design.gitcd oh-my-designnpx oh-my-design-cli install-skills

方式二：直接在 AI 助手里说：

"帮我把 oh-my-design 的设计系统库装进我的 OpenClaw / Hermes"

安装之后，用自然语言告诉你的 AI 助手你要什么：

• • "用 Airbnb 的风格设计一个民宿详情页"
• • "按 Stripe 的设计规范生成支付流程界面"
• • "把这份文档切换成 Apple 的设计语言"
• • "用 Bilibili 风格设计一个二次元风格的个人主页"

AI 助手自动读取对应品牌的 DESIGN.md，按规格输出。

你不需要懂设计系统，AI 替你背书。

05. 它真正解决的问题

不是"让AI画图"。

是解决了一个我一直解决不了的问题：

甲方说"我要苹果那种简约感"，我调了三小时，交出去还是不对。

现在，AI 直接读 Apple 的 DESIGN.md——

连字重间距都给你对齐，甲方看了不说话，但会点头。

这不是效率工具。

这是让 AI 学会品牌语言，然后把话说对的生产力武器。

06. 还有6个配套Agent（v0.2）

oh-my-design 不只是设计系统库，还自带一套多Agent工作流：

安装一次，全部就位。

07. 现在就能动手

最简单的方式：把下面这句话发给你的 AI 助手：

"把 oh-my-design（github.com/kwakseongjae/oh-my-design）装进我的工作流，然后给我示范一下：用 Airbnb 风格设计一个民宿详情页的主要模块。"

AI 会自动完成剩下的事。

好的设计系统，从来不是一堆颜色代码。

它是一套语言，让每一个参与进来的人，都能说同一种话。

oh-my-design 把 137 种语言，一次性教给了 AI。

你只需要开口。

工具链接： github.com/kwakseongjae/oh-my-design

完整列表：17live / 29cm / ably / airbnb / airtable / alipay / appier / apple / baemin / banksalad / bilibili / bmw / bunjang / cal / catchtable / channeltalk / class101 / classum / claude / clay / clickhouse / cohere / coinbase / composio / cookpad / coupang / cursor / dabang / dcard / dji / elevenlabs / expo / fastcampus / ferrari / figma / flex / framer / freee / gangnamunni / gmarket / gogoro / hashicorp / ibm / ichef / inflearn / intercom / jumpit / kakao / kakaobank / kakaopay / kakaot / karrot / kbank / kkday / kraken / krds / kream / kurly / lamborghini / line / linear.app / lovable / lunit / meituan / mercari / millie / minimax / mintlify / miro / mistral.ai / money-forward / mongodb / musinsa / myrealtrip / naver / naverwebtoon / note / notion / nvidia / ohouse / oliveyoung / ollama / opencode.ai / pinkoi / pinterest / posthog / publy / qanda / raycast / remember / renault / replicate / resend / revolut / ridi / runwayml / sanity / sentry / smarthr / smartnews / socar / spacex / spoon / spotify / stripe / supabase / superhuman / tada / tesla / together.ai / toss / toss-securities / tossbank / triple / tumblbug / tving / uber / upbit / upstage / vercel / voltagent / wadiz / wanted / warp / watcha / wavve / wconcept / webflow / wise / x.ai / xiaohongshu / yanolja / yeogiotte / yogiyo / zapier / zigbang / zigzag