它带着一种奇怪的自信到来。Hero 区域干净,Section 对齐,间距感觉合理。按钮出现在该出现的地方。几张卡片看起来已经能为真实网站所用。
你获得了一股动力。页面感觉真实。
这种感觉有帮助。它也在要求你的判断力醒来。
有用的部分
Claude Design 已经做了一件有价值的事:它给了你可以反应的东西。
在真实页面和产品工作中使用它——现有网站、截图、样式表、源文件、组件、设计系统、交接尝试。好的源材料帮助它 surprisingly 好地移动。一个 repo 或 CSS 文件可以变成连贯的设计系统。截图可以变成可用的视觉语言。一个陈旧的页面可以在几分钟内变成一组新鲜的方向。
这是有用的部分。它也抬高了门槛。
多年来,做出一个看起来不错的第一稿需要努力。你需要 brief、设计师、探索、反馈,以及足够的耐心让东西活下来。
现在一个不错的第一稿可以在咖啡凉掉之前出现。
所以质量向下游移动了。
真正的工作在页面看起来 presentable 之后开始。层级。文案。间距。移动端状态。组件逻辑。边界情况。那些把有判断力的页面和由 plausible defaults 构建的页面区分开来的小决定。
那是品味显现的地方。
Claude Design 像谁
Claude Design 的行为像一位产量极高、耐心无限、判断力不均的初级设计师。它几乎对任何事都说 yes。它尝试第一个想法,提供几个更多,然后在你肩后徘徊时继续前进。
速度是礼物。危险在于相信速度替你做了决定。
好的工作流有节奏
- 带入真实源材料
- 构建或引用设计系统
- 生成方向
- 然后 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。
区别在于第一个东西出现后你做了什么。