他用AI做UI踩了个大坑：不是模型不行，是你没设计系统

很多人以为，用了AI就能“自动生成好看UI”。Ras Mic在视频里反手打脸：真正毁掉产品一致性的，不是AI不聪明，而是你根本没设计系统、没用设计令牌。更狠的是，他给了一套非设计师也能复刻的AI设计工作流。

最反直觉的一点：AI不会拯救混乱的设计

Ras Mic一开场就戳破一个行业幻觉：Building with AI has never been easier，但UI不一致的问题，几乎从来不是AI的错。他复盘自己做应用时发现，真正的根因只有两个——没设计系统（Design System），也没设计令牌（Design Tokens）。

这句话对AI从业者尤其刺耳。我们习惯把不稳定、不一致，归咎为“模型随机性”“提示词不够好”，却忽略了一个老问题：你给AI的，是不是一套可被遵守的规则？

在没有设计系统的情况下，让AI生成页面，就像让一个新人设计师在没有品牌规范的前提下随便画——每一页都可能“看起来还行”，但放在一起就彻底崩盘。Ras Mic点出一个关键认知差：对设计师来说，设计系统是“家常便饭”；但对大量工程师、独立开发者、AI Builder来说，这恰恰是最容易被跳过、却代价最高的一步。

设计系统 + 设计令牌：AI时代的“隐形底层协议”

为什么Ras Mic反复强调这两件事？因为它们本质上是把设计从“感觉”变成“参数”。

设计系统解决的是“我们有哪些组件、长什么样”；设计令牌解决的是“颜色、间距、字体这些值，是否在全局可复用、可约束”。一旦这两层建立起来，AI才不再是即兴发挥，而是一个被框在轨道里的执行者。

他在视频中明确说：理解设计系统和设计令牌，是接下来所有流程的前提。否则你做得越快，返工越痛。更重要的是，这一步并不要求你成为设计专家——它要求的是系统思维，而不是审美天赋。

这也是一个被低估的趋势：当AI开始参与UI生成，设计系统不再只是“给人看的规范”，而是“给模型吃的上下文”。未来，谁的设计系统越清晰、结构化，谁就越能把AI变成稳定产能，而不是随机数生成器。

他的真实工作流：从灵感到落地，全程为AI而设计

理解原理后，Ras Mic直接进入实操。他的流程非常克制，只有三步，却每一步都踩在AI协作的关键点上。

第一步：Collect Inspo（收集灵感）。不是为了模仿，而是为了确定风格边界。哪怕你“没有明确灵感”，他也埋了个伏笔：后面会用AI补齐这一步。

第二步：Create Design System。他选择了一个专门用来搭建设计系统的工具（视频中称为Claw Design/Claude Design），直接从Start Project开始，把颜色、字体、组件快速拉出来。重点不在一次到位，而在于：先有系统，再慢慢调。

第三步：持续微调 + 扩展组件。当第一版设计系统出来后，他做的不是推翻，而是“在系统内调整”。新增组件、微调样式，然后再把整套系统迁移到真实应用中。

当他把Landing Page、Signup Page、Dashboard串起来时，一个结果自然出现：整体高度一致。不是因为页面少，而是因为每一页都被同一套设计令牌约束。这正是AI最擅长、但人类最容易忽略的地方。

总结

Ras Mic这条视频，真正的价值不在工具，而在一个清醒判断：AI时代，设计不再是“画得好不好”，而是“系统建得牢不牢”。如果你是AI应用开发者、独立产品人，今天就可以行动——先别让AI生成页面，先花时间搭一个最小可用的设计系统，把颜色、字体、间距变成令牌。然后再让AI进场。一个值得思考的问题是：当设计系统开始像API一样重要，未来的“产品壁垒”，会不会就藏在这些看不见的规则里？

关键词： AI应用， 设计系统， 设计令牌， Claude， UI工作流

事实核查备注： 需要核查工具名称：视频中提到的“Claw Design”是否为“Claude Design”；确认视频发布时间为2026-06-23；确认作者频道名称Ras Mic的拼写；确认总结步骤与原视频表述一致。