返回 FEED
AGENT2026-05-15

Claude Design 的第一个输出是陷阱

它带着一种奇怪的自信到来。Hero 区域干净,Section 对齐,间距感觉合理。按钮出现在该出现的地方。几张卡片看起来已经能为真实网站所用。

你获得了一股动力。页面感觉真实。

这种感觉有帮助。它也在要求你的判断力醒来。

有用的部分

Claude Design 已经做了一件有价值的事:它给了你可以反应的东西。

在真实页面和产品工作中使用它——现有网站、截图、样式表、源文件、组件、设计系统、交接尝试。好的源材料帮助它 surprisingly 好地移动。一个 repo 或 CSS 文件可以变成连贯的设计系统。截图可以变成可用的视觉语言。一个陈旧的页面可以在几分钟内变成一组新鲜的方向。

这是有用的部分。它也抬高了门槛。

多年来,做出一个看起来不错的第一稿需要努力。你需要 brief、设计师、探索、反馈,以及足够的耐心让东西活下来。

现在一个不错的第一稿可以在咖啡凉掉之前出现。

所以质量向下游移动了

真正的工作在页面看起来 presentable 之后开始。层级。文案。间距。移动端状态。组件逻辑。边界情况。那些把有判断力的页面和由 plausible defaults 构建的页面区分开来的小决定。

那是品味显现的地方。

Claude Design 像谁

Claude Design 的行为像一位产量极高、耐心无限、判断力不均的初级设计师。它几乎对任何事都说 yes。它尝试第一个想法,提供几个更多,然后在你肩后徘徊时继续前进。

速度是礼物。危险在于相信速度替你做了决定。

好的工作流有节奏

  1. 带入真实源材料
  2. 构建或引用设计系统
  3. 生成方向
  4. 然后 critique 输出、清理指纹、重写文案、测试交接、决定什么可以 ship

Prompt 是一个时刻。循环是工作流。

创造是容易的胜利

给它参考、截图、文案和产品上下文。要一个页面。请求一个组件。或一个 modal。创建一个图形。做一个产品 surface。

迭代是工具证明价值的地方

拿一个陈旧页面,要三个更强的方向。让它展示移动端版本。移除一块内容看看什么会崩。换掉 type scale。推动视觉密度。问布局在哪里假装有用。

这是改变工作的部分。

Claude Design 让你在更少时间内有更多材料可以判断。

指纹

它也有指纹。一旦看见,它们就开始到处出现:

  • 每个 section 上方的小眉标签
  • 标题中的戏剧性斜体
  • 同样的三段式节奏
  • 听起来 arranged 而非 read 的文案
  • 看起来 plausible 直到你问它们为什么存在的组件

"Your labels are showing."

这句话开始是个玩笑。变成了作者寻找的警告信号。

AI Design Slop 怎么发生的

一个坏的输出容易拒绝。一个 plausible 的输出很滑溜。它给你足够的信心跳过真正做决定的那一轮。

页面在思考完成之前看起来已经完成了。

所以作者把第一个输出当作 raw material。想让它快速出现在屏幕上。然后想fight it

  • 为什么那个标签在那里?
  • 这个 section 实际在做什么?
  • 标题能在没有装饰的情况下撑起页面吗?
  • 移动端会发生什么?
  • 文案在哪里变得 generic?
  • 哪个选择来自产品?
  • 哪个选择来自模型的 defaults?
  • 如果必须让页面简化 30%,会删什么?

这些问题让 Claude Design 有用。

粗糙的边缘

设置仍然要求太多。设计系统创建需要更好的指导。在聊天打开之前,产品应该询问基础信息:字体、颜色、图标、CSS 变量、组件、截图、响应式期望、交接目标。

导出和交接可能变得奇怪。有时候整体感觉像 Claude Code 在 HTML 画布上绘画。

这听起来比作者实际感受的更苛刻。他对这个工具印象深刻。当他把它当作一个内部有强大循环的早期产品时,他更信任它。

最佳实践

最好的结果来自前置输入在迭代上花费 token

带入页面、repo 和样式表。带入文案和截图。带入参考、约束、设计系统和你要改变的确切东西。给 Claude Design 足够的上下文做出有用的第一稿。然后在之后的每一稿上使用你的判断力。

页面生成器给你输出。设计循环给你杠杆。

Claude Design 可以帮助你快到足以创造 slop。它也可以帮助你快到足以抓住 slop。

区别在于第一个东西出现后你做了什么。