Agent 时代的设计：Paper 创始人拆解 AI 设计的破绽与解法

摘要

AI 不只改变设计师使用的工具，它正在改变设计师构建、交付和脱颖而出的方式。YC 合伙人 Aaron Epstein 邀请 Paper 创始人 Stephen Haney，现场演示了这款被称为"Figma 之后增长最快的 AI 原生设计工具"如何工作——Paper 用 HTML/CSS 作为渲染引擎，让 Agent 能直接读懂设计文件。

访谈的核心是现场设计评审：Haney 逐个拆解用户提交的网站（Legion Health、Sytex、Moreta），指出最常见的 AI 设计特征（AI tells）——过重的字重、过多的字号层级、紫色渐变、满屏卡片、"为了组件而组件"，并给出立即可行的修正规则。

Haney 最重要的观点是：创始人最大的风险不是动作太慢，而是做出一个看起来跟别人一模一样的产品。他对 Agent 的定位清醒而克制——Agent 会越来越好，但设计的本质（组织内的决策、利益相关者协调、问题空间探索）是人的工作，Agent 永远无法替代。

正文

一、Paper 是什么：为 Agent 而生的设计工具

Paper 是一个 AI 原生设计工具，团队只有 12 人，全部是设计师和工程师。Haney 解释了"agent-native"的技术本质："我们用 HTML 和 CSS 作为实际渲染引擎。历史上有太多设计工具使用自定义渲染引擎，那些对 Agent 来说很难用——更高的 token 消耗、更慢的速度、更低的准确率。而 Agent 对 HTML 和 CSS 理解得非常好，因为那是它们的训练数据。"

有趣的是，这个选择最初是为了解决设计师与开发者的交接问题："我们想，如果设计师能在一个无约束系统里工作，感觉像 Figma 或 Sketch，但底层其实是 HTML——他们不需要知道这一点，交接会更好。结果发现，如果你为人类建立了好的交接，你也同时为 Agent 建立了好的交接——当你让 Agent 处理 Paper 文件时，它就是在读 CSS，而 Agent 完全知道该怎么做。"

他把 Paper 定义为"Agent 的视觉界面"："Prompting 并不总是与 Agent 交互的最佳方式。有时候你就是要拖拽、绘制，直接操作更快。销售、工程师、各种人都在用 Paper。"

二、Demo：从 Shaders 到设计到代码

现场演示从视觉效果开始。因为 Paper 用浏览器渲染，它可以轻松渲染 shaders——基于 WebGL 的动画。"这叫 Paper Shaders，是我们开源的一个库。品牌设计师很喜欢，因为你可以得到各种不同的视觉效果——同一个 shader 换不同设置就完全不一样。"

产品最初解决的是设计到开发的交接："这个 shader，你可以右键复制为 React 组件。设计师把动画调到完美，然后直接复制出去发布。我们在互联网上看到这些组件到处传播。"

更进一步的是，Paper 里的一切都是代码："你看到的任何东西——这个 frame、里面的 box——都是代码，它基本上已经是一个网站了。你可以复制为 Tailwind，或者复制为 React，直接把代码拿出去。这是我们的起点。"

三、Design Review: Legion Health——第一个 AI 设计"受害者"

第一个被评审的网站是 Legion Health（精神科在线诊疗）。Aaron 一眼就认出问题："我一看到顶部那个小药丸（pill），就觉得这像是 vibe coding 出来的东西——因为它太符合我们看到的 Agent 批量产出的风格了。"

Haney 指出具体问题："这里有一些完成度（fit and finish）的问题——比如这些区块之间留的缝隙，那个药丸非常通用。不过整体上，价值主张我看得很清楚，这是好的。"

他随即引入修正工作流："与其接受模型给出的默认方案，不如让它生成五个变体，找到真正符合你意图的那个。"这是他对抗 AI 设计同质化的第一招：利用生成能力做多方案探索，但选择权必须回到人手里。

四、对抗 AI 设计 slop：五条可执行的规则

Aaron 追问了所有创始人最关心的问题：如何跳出模型批量产出的"标准 slop"？Haney 给出了非常具体的规则：

规则一：模型爱粗体，请把字重拉回来。"模型喜欢粗体风格。尽量把字重拉到你敢用的最轻——神奇的是，它看起来立刻就像被设计过一样。"

规则二：模型爱用五到八个字号，请收敛到三个。"模型喜欢五、六、七、八个不同的字号。试着用到三个。"

规则三：检查对比度。"很多时候模型会把对比度搞砸。确保文字可读，是另一个简单步骤。"

规则四：删掉多余的图标和数字。"模型喜欢加数字、小图标。这些东西直接删掉——在 Paper 里删掉后，其余内容会自动吸附，不会留白。"

规则五：生成 20 个布局变体再选。"与其接受满屏卡片，不如让 Paper 生成 20 个布局变体，然后挑你最喜欢的那个——它会看起来比一堆卡片有思想得多。"

五、Design Review: Sytex——AI 设计的典型特征清单

第二个网站 Sytex（现场基础设施运营）暴露了完整的 AI 特征清单。Aaron 立刻注意到："一样的超粗标题，还有那些光晕（glows），颜色感觉就是 vibe coded 的，又是一堆紫色。"

但 Sytex 有一个亮点："这个动画很酷，它在展示产品怎么工作——这个抓住了我的注意力。但说实话，在看到动画之前，我完全不知道它是干嘛的。"Haney 的反馈是："让用户清楚地知道我能从中得到什么。"

Aaron 接着请 Haney 系统总结 AI 生成的常见特征，他给出了清单：
- 字重过大、字号层级过多
- 紫色和渐变滥用
- 每个卡片上"两像素的侧边色条"
- 满屏卡片
- 大量图标和全大写小标题
- 以及最根本的一条："很多都是'为了组件而组件'（widgets for widgets sake）——它不是在传达有价值的信息帮用户理解设计，只是占满空间。"

六、Design Review: Moreta——支付产品的信任危机

第三个网站 Moreta（QR 码跨境支付）把问题推到了新的高度。Aaron 说："一个支付产品看起来 vibe coded，我会紧张。你的品牌可信度非常重要，尤其是涉及金融的时候。"

Haney 的评审兼顾优点与问题："我喜欢这个网站的活力，虽然有点太野、太乱，但它在传达一种全球感，这很酷。'How it works' 部分非常好——但我要往下滚很远才能看到它，应该把它提上来。这部分看起来更干净、更专业，也让我更信任它。"

这个案例引出了他对支付/金融类产品设计的核心警告：设计质量直接决定用户信任，而信任是金融产品的生命线。

七、AI 能学会品味吗：设计是人的工作

Aaron 抛出了终极问题："Agent 能像人一样学会品味吗？"Haney 的回答冷静而坚定："战术层面的东西会变好——字距（letter spacing）之类的。而且我受鼓舞的是，像 Fable 这样的模型似乎更有思想了，它感觉真的在决策上花了心思，那是设计的一部分。"

但他斩钉截铁地否定了替代论："我永远不认为它会替代人做设计决策。因为设计在很大程度上是组织内的人类任务：向利益相关者展示方案，人们说'不是那样，我不喜欢'。你最后看到的是像素，但设计在组织中的角色是决策、利益相关者、需求收集和问题空间——这些不是 Agent 有任何技能的事。"

Aaron 分享了一个深刻的观察："我和一位多亿美元设计驱动公司的设计负责人聊过——人脑里有一个非常隐性的反应过程。问题是，你能把这些东西量化、教给模型，直到它拥有像人一样的品味吗？"Haney 的答案暗示了设计的不可压缩性：如果所有模型都能做到，那是不是所有东西都会趋同？

八、Paper 内部如何使用 Agent：既激进又保守

谈到内部使用，Haney 的答案出人意料地平衡："某些方面我们大量使用，某些方面我们像恐龙——我们的 Slack 里没有 Agent。我们用 Agent 写代码，但我们仍然读代码，每一行都读，通常多个人读每一行。"

原因有二："一是设计工具非常难构建。你不能 vibe code 一个达到 Figma 水平的设计工具，也许将来可以。它需要大量精确、仔细的工作，系统是多维度的。设计师需要 120 FPS，它必须快，必须每次都能工作——Agent 还没到那个程度。二是我们是一个小而精英的团队——12 个人，保持极高的人才标准。我认为建公司就该这么做。"

九、社区与第一家公司：价值观先行的增长

Paper 的增长方式也极具特色。Aaron 观察到："你们几乎在建立一种草根运动，一种'纸'的崇拜。这是刻意的吗？"Haney 承认："很大一部分是与市场价值观对齐。我们在有产品之前的一年里，就靠谈论价值观积累了约 2.5 万 Twitter 粉丝。我去播客上说'我真的很喜欢设计，你喜欢设计吗？'然后我们聊排版、聊细节。产品出来之前，人们就先买入了你的愿景和价值观。"

这段经历源于第一家公司 Modulz 的教训。Haney 回忆："Modulz 做设计师-开发者交接，我们顺便做出了 Radix UI——它成了默认的 React 组件库。但那是 AI 之前，一切更难；而且我们同时听设计师和工程师两边，结果非常困惑——设计师要工程师改，工程师要设计师改，他们都告诉你对方不会用你的软件。我们学到了一些关于'做出人们真正想要的东西'的硬教训。"

他提炼出这次创业的方法论："你可以过度复杂化产品构建。'做出人们想要的东西'是句好话，但很多时候你要问的是：我的公司现在最需要什么？对一开始的我们来说，就是参与对话、有 Twitter 粉丝。那就去做能获得粉丝的事——上播客、和用户聊天。"

十、设计与 Paper 的下一步

展望未来，Haney 认为设计的组织功能不会消失："组织里设计的职能仍然非常重要——探索问题空间、竞争分析、执行层、利益相关者。我们没看到这些有任何改变，甚至会觉得更多——因为公司更多了，软件更多了，世界上需要更多的设计。"

但工具一定会加速："我认为工具会加速，因为我们必须在质量线上保持住，跟上工程和产品团队的速度。软件无论如何都会发布——不管设计师有没有机会把它做得更好。这是竞争的现实。"