谷歌Stitch 2.0上线3天，前端圈集体破防：AI设计烂

去年有个数据挺有意思：GitHub上AI生成的前端项目，87%的首页用了同一套配色——紫渐变加Inter字体。不是开发者懒，是他们都对AI说了同一句话："make it look good"。

这句话的杀伤力，堪比让厨师"随便炒两个菜"。

从"码农"到"设计总监"：一场被迫的身份迁移

作者是个典型样本：前端开发，审美在线，没设计学位。能一眼看出间距不对、字体不搭，但以前就是产不出好设计。AI工具来了，他以为问题解决了，结果发现更糟——所有人都在快速上线，所有东西长得一样。

问题从来不是技能，是角色认知。

当你把设计任务扔给AI，说"弄好看点"，你其实在放弃创意主导权。AI会往真空里填充它见过的一切的统计平均值——按定义，这就是平庸。紫渐变、Inter字体、 tired defaults，全是安全牌，全是没人负责的痕迹。

作者提出的转向很直接：你不是写代码的了，你是设计总监。

设计总监不碰像素，他们定愿景、守标准、毙掉不合格的东西。他们说不清哪里不对，但知道不对。这个位子不是"当不了设计师"的安慰奖——它更强势，因为你还能自己把代码写了。

你的眼睛已经在投诉了，只是你没听懂

作者列了四个设计总监的"基础词汇"，都是开发者肉眼能识别、但嘴上说不出的东西：

层级（Hierarchy）——每个屏幕在讲故事。通过字号、字重、对比度、位置，让优先级一目了然。问自己：这里最重要的是什么？它明显是最重要的吗？

间距（Spacing）——新手压缩，老手呼吸。一个组件看着"廉价"，往往是padding不够。拿不准的时候，把你以为需要的间距翻倍。

对比与色彩——选一个主色，一个强调色，其他全用中性色。彻底执行。怯懦的配色产出乏味的结果，低对比度读起来像半成品。

动效与克制——AI生成UI最常见的错误是动效乱飞。好动效有目的性。一个动得漂亮的东西，胜过十个无理由乱动的东西。

作者的建议很实在：去你已经用的App里找这些。你的品味已经在那儿了，你在训练自己信任它。

四件套工作流：每个工具只干一件事

作者给了一套具体工具组合，分工明确：

Google Stitch 2.0 —— 先设计，后写码

在工程决策之前做设计决策。先生成视觉参考，回答"这应该长什么样"，再把自己绑死在代码里。

Refero —— 研究真产品，别刷灵感板

Dribbble全是好看但没法用的东西。Refero给你真实产品在用的生产级UI。看专业人士怎么解决同样的问题。这是设计师干的活，现在你也干。

shadcn/ui —— 你的默认设计语言

基于Radix，给你一套能拥有的组件系统。不是装完祈祷的库——是复制进项目、完全可控的代码。一个合理的基线，你有意识地偏离它。

21st.dev —— 精致感的来源

理解为"设计工程师的npm"。社区维护的React/Tailwind组件库，专门解决"最后一公里"的 polish 问题。

一个值得细想的悖论

这套方法论有个隐藏前提：AI没有变，是你怎么用AI变了。从"替我做"变成"帮我定"，从执行层跃迁到决策层。

作者没说的是，这对职业路径意味着什么。当更多开发者掌握这套"设计总监+全栈实现"的组合技，传统UI设计师的护城河还剩多少？当AI把执行成本压到趋近于零，审美判断和愿景设定会不会成为更稀缺的硬通货？

以及一个更个人化的追问：你上次对AI说"make it look good"之后，有没有回头看过它产出的东西，问自己一句——这真的好看吗，还是只是"看起来努力过"？