Alex 是非设计师出身的前端工程师，做了三年 AI 设计工具。他当面翻了四个真实首页，我把这些毛病归成五个字：藏、假、劫、小、花。
一、这一集是什么
这是 Y Combinator 的 Design Review 系列，本期 47 分 43 秒，2026 年 10 月 22 日上线。主持人 Aaron Epstein 是 YC 普通合伙人，此前是 Creative Market 的联合创始人，那家公司 2014 年卖给了 Autodesk（1）。嘉宾 Alex Danilowicz 是 Magic Patterns 的联合创始人兼 CEO，公司 2023 年创办、YC W23、旧金山、10 名员工，官网口径 2,500+ 产品团队在用，客户里有 Vanta、DoorDash、Freedom Mortgage（2）。
前 18 分钟是演示：他讲自己怎么从一次失败的 YC 项目转到这个产品，然后现场用它做明信片、做加载动画、做一座巧克力主题公园。后 29 分钟是点评：两个人在镜头前打开 Ego、Sentient OS、CeraNovus、Slashy 四个站的首页，一处一处说哪里像「vibe coded」，哪里做对了。
全片最关键的一句不是方法论，而是一个判断标准：landing page 真正要看的指标是它转不转化，其他都是这个过程里的信号。
二、要点整理（按节目顺序）
01 · 00:00 开场
Aaron 给的定位是：把想法在几分钟里变成真的、可交互、带代码的原型。整期的结构他一开始就说清楚了——先看产品怎么运作，再听一个非设计师的创始人怎么走过来，最后一起看几个创业公司的网站，「帮它们看起来没那么 vibe coded」。
02 · 01:00 什么是 Magic Patterns
Alex 给的定义很具体：产品经理、创始人、职业设计师，用它把想法可视化地表达出来，出口有三种——可以点的原型、可交互的稿子、能直接进生产的带代码导出。
两个创始人都是前端工程师，不是设计师。YC 合伙人当年给他们的建议是「去做你真正擅长的事」，他们擅长的就是把 Figma 稿翻成代码。这个工具最初是他们自己想要的东西：一边做前端工程、一边不得不做设计，但 Figma 的陡峭程度对一个非设计师来说太高。
上线时间是 2023 年 10 月。Alex 说当时市面上同类只有 V0，而且「连对话都还没有」——模型只支持「给一句提示、还一个页面」，没有来回，没有 agent 在中间做事。
03 · 02:11 从换方向到产品市场契合
他们进 YC 时做的不是这个：一个短信分析器，分析你最重要的群聊、最高频的词、一年里发过的最好笑的一句话。有收入，所以进了 W23，但合伙人当场建议换掉。
之后是九个月的打转：组件库编辑器、某种「加强版 Storybook」、一个能把 localhost 一键发到互联网上的 Chrome 插件（这个后来变成了产品里的一个功能）。
这段里最实用的一条是他们对 Paul Graham 那句「找到十个真正爱你的人」的重新定义：爱＝既付费、又天天用。前面所有方向都没凑够十个人；Magic Patterns 上线之后，十个人来得很快。
04 · 03:44 模型每半年跳一级，怎么不被抹平
Alex 的答案有两层。第一层是一句口号：「客户是我们的宗教」，每天跟他们说话。第二层是跟着工作流搬家——MCP 是一年前内部黑客松顺手做出来的，团队以为不会有结果，现在它是人们用 Magic Patterns 的主要方式之一。
他的总结是：在 AI 这一行，你几乎得不断重生自己的公司。
05 · 04:37 演示：先看他们自己怎么用
团队痴迷 dogfooding，但不强制——强迫出来的不是真实反馈。他们刻意记录的是另一件事：什么时候你没有选它。
演示里有一处结构值得注意：这里的每个页面都是「全局对话」，可以同时选中多个对象、一次做多个更新。他举个例子，选中两个已有的加载动画方案，让它把 Claude Code 的图标和 Grok 的机器人揉成一个新的风格。
然后是 MCP 那段：他在 Cursor 里提示「加一个我的 agent 的 ASCII 版本」，画布上同时出现了同事的操作和 Cursor 那个 agent 的结果。这里对应的是企业客户的真实痛点——他们的 PRD、会议纪要、skills 都堆在 Cursor 或 Claude Code 里，缺的是一个能给别人看的视觉出口。
他复述客户最常抱怨的一句：Cursor 只给我一个 localhost，我没法把原型发给任何人。
06 · 09:52 MagicOS：把画布当操作系统
这一段的核心判断是「收尾被压缩了」。写代码快到工程师以光速前进、PR 多到看不完，于是时间应该往前挪：想清楚做什么、不做什么，把错误态、加载态、多个 agent 同时改一个文件画出来。
画布不是新东西，他们做了两年，这次是 2.0。团队正在招一位设计师，要解决的正是上手体验：什么时候让用户知道可以用画布，什么时候一个单线程对话就够了。他们的结论是画布不一定适合所有人。
叫 OS 而不叫画布，是因为它管的是你所有的上下文；它也不是 Figma 那种「旁边摆一排工具」的画布。
07 · 11:23 在画布上带着上下文设计
明信片那个例子把机制讲透了：四个城市的聚会照片、活动描述、一段「橡皮图章式旅行笔记海报」的提示词，全部摊在同一张画布上；agent 自己知道文件系统和画板上有什么，一次生成四张。改完新加坡那一张，可以把改动一次性套到所有城市。
谁在做这件事比做了什么更有信息量：从运营到销售，人人都在用；负责 go-to-market 的那位同事以前不会 Figma，这类活儿只能外包。这就是他说的「把设计民主化」。
工具定位也在这段说清楚了：模型无关、某种程度上功能无关。想高保真就导出 Figma，想要代码就导出你选的写码引擎。他拿 Claude Design 对比：那个只能用 Anthropic 的模型、只能导出 Claude Code、也没有 Figma 集成。作为事实核对：Claude Design 确实由 Anthropic Labs 在 2026 年 4 月 17 日推出，由 Opus 4.7 驱动，是研究预览（3）。
08 · 14:50 想让 AI 出好结果，先把上下文喂进去
他的建议不是「写好提示词」，而是把工具自带的能力用起来：skills、AGENTS.md、公司的设计系统和组件库。他注意到大公司里开始出现「AI 使能团队」，做的就是这件事。
一句话版本：花十分钟把现有上下文接进来，后面省下几小时。
09 · 15:35 AI 设计能走多远：过山车主题公园
有人用它做了一座 RollerCoaster Tycoon 的巧克力主题公园，浏览器里跑 WebGL 渲染。Alex 拆了原理：轨道是一个组件、巧克力棒旋风是一个组件、游客走的步道是一个组件。给 AI 这些护栏，它就能一两次出完一座公园。
「3D 主题公园」本身是一个设计系统，所以更新起来只是提示一句话：不要树，全要棒棒糖，再多几条巧克力河。
他的判断是：设计在历史上一直是二维的，四年前设计师、工程师、产品经理还要为一个交互到底怎么发生来回拉扯；现在这是把交互本身当设计对象的开始。
10 · 18:17 看站 1：Ego
Ego 是一家做「跟人无法区分的私人 agent」的研究实验室。两个人的点评从第一屏就开始：
- 右上角唯一的按钮写着「Ronin」，读者不知道这是产品、是模型，还是九月要上线的某个东西；
- 真正的价值主张——「有性格、有记忆、有自己的主见的语音 agent」——要到第一屏半以下才出现，而「加入等待名单」也在那儿；
- 右侧那个输入框看起来能用，鼠标移上去会变手型、光标也在，但打不进字；
- 满屏动效，还有一句「向右滚动」的提示——人本来就会滚，这句提示是 agent 在替用户做决定。
Alex 在这里补了一个自己踩过的坑：Magic Patterns 的首页有一阵子为了「更有创意」删掉了输入框，转化率整段塌了。Aaron 补的是他在 Creative Market 的测试结果：输入框直接展开在页面上，转化率明显高于「先点一下、再弹窗、再填邮箱」。
11 · 23:59 看站 2：Sentient OS
Sentient OS 卖的是一台「有感觉」的 Mac：端侧大模型理解你的整个生活，主动通过 computer use 把活干完。这一站是全场信息量最大的一段：
- 滚动劫持：滚轮一动，盖子合上、画面推进，松手了它还在动。Alex 的判断是，他从没见过哪家十角兽公司做滚动劫持，Fortune 500 的站点也不做，因为它不转化、而且烦。Aaron 补了体感层面的解释：人对自己滚多快有精度，换了精度就得重新学怎么滚。
- 做对的地方：合盖＝你睡觉时它在干活，醒来＝活儿都做完了。这是在用动画解释产品，而不是炫技。
- 花活：下载按钮周围那圈光、渐变、巨大的投影。AI 特别爱在这一层加码。
- 字号：整页都在劝你点那个按钮，它却小到在 100% 缩放下都要凑近看；「免费」这两个字在定价页上做大是有原因的。
- 随便加粗：
on-device值得加粗，and不必。随机加粗是 AI 生成文本的典型特征，这一点在维基百科上就能查到。 - 字体：Space Grotesk 和 Instrument Serif 几乎成了「AI 做的」标签，Claude Code 尤其爱用后者；破折号也一样，读者会先想到「他用了 AI」。
- 趋势本身：这些站点现在看着当代，五年后会被一眼认成「2020 年代中期的网站」，就像 80 年代的厨房在当时是现代的。
这一段还有两块不太像「挑错」的内容，反而更值钱：
- 信任：一个能读你整台电脑的产品，必须主动回答拿什么数据、怎么用、留多久、安不安全。主动讲清楚的产品会更容易被下载和推荐。
- 他自己的开场白：当年那个开源的短信分析器，首屏只讲三件事——开源、全部在本机、网络一点没碰。他说这三句是用户真正在乎的。
另外他给了一个很具体的组织建议：品牌手册要早建。这是他们自己后悔没早点做的事。
12 · 32:01 看站 3：CeraNovus
这一站的视觉是四个里最干净的，文案是四个里最不清楚的。
- 「机构智能与决策基础设施」不告诉你产品是什么、给谁用、为什么；下一句「读公司产出的每一条记录，找出没人在追踪的低效」具体多了，但排在后面；
- above the fold 是整页最贵的一块地，这一屏里真正的内容比它留出的空白少得多；
- 小号全大写承担了本该由标题承担的信息：「每条主张都有出处」「多年积累，第一天起就没说谎」，读完还是不知道产品是什么；
- 「无需安装」没说装在哪，读者会怀疑自己在跟硬件打交道；
- 「企业、中型市场、私募股权」讲的是他们打谁，不是用户的问题，而且逼读者先点一下决定「我是谁」。
Aaron 在这里提炼出一个在 YC 申请里常见的通病：模型把首页写成了给投资人看的 deck。用户想看的只有四件——产品是什么、谁该用、为什么有价值、和他一样的人怎么评价。
这一站唯一被两个人明确表扬的是：把「信任与安全」放进了主导航，还配了「我们收集什么数据、数据放在哪」的 FAQ。他们判断这会变成 AI 产品的常见做法。
最后一条建议与页面无关：去问用户「你觉得这个网站怎么样」，但别让他们看出来这是你的网站，因为他们会对你太好。
13 · 36:59 看站 4：Slashy
四个站里完成度最高的一个，也是问题最少的一个。
- 做对的：一句话「你的智能收件箱」让人立刻知道这是什么品类；长首页本身在传达「这家公司做了一段时间了」（Alex 说这是从 PostHog 的巨型页脚学来的）。
- 问题：logo 里的斜杠离开域名会被读成
s/ashy；demo 里塞满界面文字，右下角 agent 打字太快看不清在写什么；四页 tab 自动轮播，而「任何时候你用了标签页，就得预期后面那些没人看」；更糟的是计时器可能在页面进入视口前就开始跑，于是你以为每个人看到了第四页，其实没人看到。 - 社会证明指向：首页放的是投资人和创作者，读者会立刻归类成「给 VC 的收件箱」；真正打动人的那句「从 iMessage 里管你的收件箱」被放在很后面。
14 · 43:33 设计品味怎么练
Alex 的方法很朴素：去看好看的东西（旧金山当时在展马蒂斯），读《设计心理学》，每次都先把人放回画面里。
他专门拆掉一个硅谷式误解：设计不是像素级完美的圆角，是想清楚用户体验。
15 · 44:20 全公司都去客服值班
这家公司每个人都要做客服，每天跟用户说话。他举的例子很具体：有人找不到分享按钮，因为两个 CTA 是同一个颜色；工程师当天就改了，因为他自己先撞上了这个问题。
配套的是高标准的说法：看起来不对、感觉就是不对的东西，全队都要去做掉，「花时间在额外的 20% 上，不要拿着 vibe coded 的输出不推到下一档」。
16 · 45:07 速度与质量，以及 46:07 的未来
关于「好设计必然慢」这个说法，他的反驳是：不这么做，用户会在你的站上没看懂就离开，工作流被卡住——那才是真的慢。代码变快之后，这个取舍不必再存在。
未来那段他给了一个诚实的边界：设计变得非常快，谁说自己确定知道五年后怎样，多半是在编。能确定的是代码作为媒介会留下来——前沿实验室都在把写码 agent 做得越来越强，而那是生产与交付的终极媒介。
本期的新东西是本周上线的 Magic OS，他自己的形容是「Pinterest 和 Figma 生的孩子」：可以聊、可以放 PRD 和上下文、可以同时开多条线。
三、口径：哪些核到了，哪些只有节目里说
核到官方出处的：Magic Patterns 的创办年份、YC W23、旧金山、10 名员工、2,500+ 产品团队与客户名单（2）；2025 年 11 月 11 日的 600 万美元 A 轮、Standard Capital 领投、当时 1,500+ 产品团队、SOC 2 Type II 与 ISO 27001（4）；Aaron Epstein 的履历（1）；Claude Design 由 Opus 4.7 驱动、2026 年 4 月 17 日发布（3）；MagicOS 的官方描述是与想法、灵感、设计共处的无限画布（5）。
只有节目里说的：2023 年 10 月上线时市面上只有 V0；「没见哪家十角兽做滚动劫持」；PostHog 的巨型页脚；Aaron 在 Creative Market 的转化率测试数字；四个站的具体版本。这些话在技术上有道理，但都属于当事人的经验与主张，本刊没有独立核到第二个来源。
另一个必须说清楚的前提：四个网站是在录制当天被点评的，之后可能已经改版。这里描述的是那一版。
四、逐句全文翻译
以下是整集的逐字稿逐句中文翻译，按节目顺序分为 16 节。只保留中文译文，不保留英文原文；对话部分保留说话人标签（亚伦＝主持人 Aaron Epstein，亚历克斯＝嘉宾 Alex Danilowicz，「口播」为节目内的插播广告），不做压缩、摘要或删减。
译 01 · 00:00 开场
亚伦：今天请到的是亚历克斯·达尼洛维奇，Magic Patterns 的联合创始人兼 CEO。这是一款 AI 设计工具，能在几分钟里把一个想法变成真的、可交互的、带代码的原型。我们会看它里面到底是怎么运作的，听他讲一个非设计师出身的创始人是怎么走到这里的，然后一起看几个创业公司的网站，帮它们看起来稍微没那么「vibe coded」。亚历克斯，谢谢你来。
译 02 · 01:00 什么是 Magic Patterns
亚历克斯：谢谢，亚伦，谢谢你请我来。我看这个节目很久了。
亚伦：能请到你可太好了。要不我们从这儿开始：多讲讲，Magic Patterns 是什么，你当初做它的目标是什么？
亚历克斯：好。Magic Patterns 是一个 AI 设计工具。产品经理、创始人、职业设计师都用它把想法可视化地表达出来——可以是原型，可以是可交互的稿子，也可以是能直接进生产的、带代码的导出。
亚伦：你并不是设计出身，那就聊聊做这个工具的动机。
亚历克斯：对，是这样。我们比较特别的一点是，我和我的联合创始人都不是设计师。我们俩的职业是前端工程师。其实刚进 YC 的时候，我们的合伙人跟我们说：「去做你真正擅长的事。你特别懂的是什么？」对我们来说，那就是把 Figma 稿翻成代码。Magic Patterns 就是这么来的。它一直是我们自己想要的那个产品。我从来没有真正擅长过 Figma，我们当时就想，等等——我天天做前端工程，作为创始人又不得不做很多设计，那有没有一个对手感更友好、对像我这样的非设计师更容易的工具？
亚伦：那正是 prompt-to-design、prompt-to-prototype 这类工具开始出现的时候，对吧？你们其实是最早做这件事的一批。
亚历克斯：我们肯定算最早的一批。2023 年 10 月我们上线的时候，市面上跟我们类似的只有 V0。你要是回头看，那会儿连「对话」这个东西都还没有。模型太差了，根本没有聊天，没有来回的对话。就是给一句提示，还你一个设计；再给一句，再还一个设计。跟 agent 之间没有任何真正的交互。
亚伦：你们当初其实是拿着另一个想法申请 YC 的。那要不讲讲你和你联合创始人是怎么认识的、YC 那段时间，以及最后是什么把你们带到这个产品上。
亚历克斯：好。我和我的联合创始人当初是拿着一个短信分析器申请 YC 的——分析你最重要的那个群聊、你最高频的词、2026 年你在所有群聊里发过的最好笑的一句话。我们当时有收入，我觉得这是能进 YC 的原因。但进去之后，YC 合伙人跟我们说：「嘿，这是你们的公司。这个想法还行，但我强烈建议你们去做一件你们真正、真正懂的事。」对我们来说，还是前端工程，还是把 Figma 稿用代码实现出来。所以后面所有的转向，我们基本都围着这件事。
译 03 · 02:11 从换方向到产品市场契合
亚伦：从那时候到最终变成 Magic Patterns 这个想法，花了多久？
亚历克斯：大概九个月。我们一直在它周围打转。我们做过组件库编辑器，做过某种「加强版 Storybook」，还做过一个 Chrome 插件，能把 localhost 上的东西立刻发布到互联网上，当作收集反馈的工具——那个后来成了 Magic Patterns 的一个功能。这一路下来，我最大的收获是 Paul Graham 那句经典建议：找到十个真正爱你的人。前面那些转向里，我们一个都没有——没有一个方向凑够十个真正爱我们的人。这里的「爱」是有定义的：他们在付费，而且他们在用。等到我们上线了后来变成 Magic Patterns 的那个东西，这十个人来得非常快。
译 04 · 03:44 模型每半年跳一级，怎么不被抹平
亚伦：在一个设计工具每半年就明显升一级的世界里，你怎么保持差异化？你们是最早做 prompt-to-design 的产品之一，那你怎么找到自己的用户，又怎么跑在前面，尤其是模型本身也在不断变强？
亚历克斯：我以前在一个视频里说过：客户是我们的宗教。
亚伦：嗯。
亚历克斯：每天都跟他们说话。然后就是去适配新的工作流。举个例子，我们大概一年前发布了一个 MCP，那本来是内部黑客松的一个项目。
亚伦：嗯。
亚历克斯：我们当时觉得它不会有什么结果。现在 MCP 的使用量彻底爆了，它是人们用 Magic Patterns 的主要方式之一。所以你必须几乎不断地重生你的公司，去适应新的工作流，尤其是在 AI 这个世界里。
译 05 · 04:37 演示：先看他们自己怎么用
亚伦：我很想看看演示。能不能给我们看看它是怎么运作的？
亚历克斯：好，来吧。我觉得一个不错的起点是，我先给你看看我们内部是怎么用它。
亚伦：你们一直在吃自己的狗粮，对吧？
亚历克斯：我们非常痴迷于 dogfooding，但我们从不强迫。因为一强迫，你拿到的就不是真实的——
亚伦：对，它得好到你自己真的想用它、主动把它选成你的工具，对吧？
亚历克斯：完全对。然后还要注意，什么时候你没有选它。所以，我们最近一直在用自己的产品做我们自己的加载动画。比如有 Wall-E、Wall-E 里的 Eve，或者你玩过《Portal》这个游戏的话，我们在想这类东西做成加载动画会是什么样。这里很妙的一点是，这里的每一样东西都是全局对话。所以我们可以做任何更新，而且一次做很多个更新。比如，我可以选中这两个，说：给我一个全新风格的加载动画，把 Claude Code 图标的灵感和 Grok 的机器人揉在一起。还有一点很妙——当然，你可以用 MCP。那我们这就做一下，给大家看看。我打开 Cursor，通过我们的 MCP，我可以直接提示：加一个我的 agent 的 ASCII 版本。很妙的是，我们看到很多企业在用这个：他们在 Cursor 或 Claude Code 里有大量上下文，不管是 PRD 还是会议纪要，于是他们可以把自己已经有的技能都用上，然后立刻把它放到这块视觉画布上，更好地沟通。
亚伦：嗯。有意思——所以当这块画布就是最合适的工具时，你可以在 Magic Patterns 里直接干活；当你想在代码里、在 Cursor 或别的应用里工作时，你可以通过 MCP 直接把它拉过去。
亚历克斯：对，完全是这样。还有一点也很酷：特别多客户跑来跟我们说，我在用 Cursor 和 Claude Code，但它只给了我一个 localhost，我没法分享，我没法把原型发给任何人。那我们就说，这个问题我们有解法。这里很酷的是，我们既能看到我的同事在这块画布上，也能看到刚才那个 Cursor 提示跑出来的 agent，它们在同时工作。我们可以把这块打开——你看，这就是那个 Claude Code 的 ASCII 版本，然后玩一下，看看换成别的颜色会怎样。当然这个非常「Claude Code 化」了，我们只是在这里取灵感，做我们自己的加载动画。
亚伦：而且它生成了整整一页，把这个过程展示出来。
亚历克斯：对，这正是我们鼓励用户做、我们自己也这么做的一件事：把它做的选择、以及不同的状态解释出来。再举个例子，看这一个：我们在想，不同屏幕尺寸下它会是什么样？如果它更像 Claude Code 一点又会怎样？到底是做得像头盔，还是像枕头？就是这样头脑风暴、探索——用户在一个像我们这样的工具里获得的最高价值，就在这里。
亚伦：嗯，我觉得在创意和灵感阶段，最有价值的事之一就是能一口气抛出一堆不同的变体。但很多时候这些东西很难管理，散在一堆不同的标签页里。而 Magic Patterns 好像能给你一堆很好看的标签页和选项，把东西一条条列出来——这里是一堆配色选项，这里是正文选项，这里是不同的 agent 选项。能在一个非常集中、统一的地方做这些微调、去探索、找到你喜欢的，然后更快地进入流程的下一步，这真的很酷。
亚历克斯：完全对。因为我觉得过去一年软件开发变化最大的地方就是，收尾那一段现在被压缩得特别厉害，太容易了。大家都在说这件事：工程师以光速在往前跑，PR 多到看不完。结果是，我们可以把更多时间花在真正的头脑风暴上——想清楚要做什么、不做什么，然后用类似 Magic OS 这样的东西，把不同的想法和概念、错误态、加载态、多个 agent 同时改一个文件时会怎样，真正地画出来、想清楚。这里其实——我觉得这个特别酷。我们在想：很多人通过 MCP 用我们的产品，他们可能在 Cursor、Claude Code 或 Codex 里用，那会是什么样子？通过 Magic OS，我们真的头脑风暴出了这种 LED 风格的设计。
译 06 · 09:52 MagicOS：把画布当操作系统
亚伦：那这一整页就是一张画布？
亚历克斯：对，这全是一张画布。很酷的是，我们几乎把它当成一块画板：你可以把任何上下文带进来，图片、PRD 或者文档。还有一点很好：我们在这里不被单一条线程阻塞。过去你用很多设计工具、原型工具，都得等 AI agent 跑完，对吧？但在这里，我们可以同时开很多很多条线。所以我可以回到我们最开始在这张画布上做第一个设计的时候。
亚伦：我知道你对「画布」这个界面本身有过反复（笑）。聊聊你的思考，以及你在前沿位置上发现的东西——什么时候它说得通，什么时候说不通。
亚历克斯：好，我直接展示吧。其实我们做画布已经很久了，你刚才看到的是画布 2.0。我们做画布大概有两年了。我们学到的东西——顺便说一句，我们在招人，在招一位设计师。招设计师的原因之一，是我们一直有的一个难题：最初那段上手体验怎么设计。几乎像是渐进式的揭示——什么时候让用户知道他们可以用画布，什么时候只给一个单线程的对话就够了。我们最早的一个认知是：画布不一定适合所有人。而我们刚发布的这个新产品，我们是有意叫它 OS 的，因为它是你所有上下文的操作系统。当然，界面是画布——你看这里有我们的图片，你可以把文档带进来，然后做设计。但它不是传统意义上的画布，不是像 Figma 那样，旁边摆着一堆工具。
译 07 · 11:23 在画布上带着上下文设计
亚伦：嗯，所以它更像是——你有一些像画布一样的画板，可以进去、可以自定义。你也提到前端，提到能真正体验你正在做的设计，而不只是看这些静态文件。要不要给我们展示一下这块？
亚历克斯：好，我们再做另一个例子。有一件对我们来说非常非常好玩的事：我们在全世界做 Magic Patterns 的聚会。我一直在想，要给我们的用户寄这些聚会的明信片。那我们从头来一遍。先加一些上下文。我基本上有这些图，还有我们办过的每一场活动的描述。举个例子，我刚在哥伦比亚办了一场，我叫它 Magic Patterns 麦德林站，在那儿遇到了一些重度用户。我还听说 Magic Patterns 在一所大学里被教——这太酷了。然后我还有这段提示词，我们打开看一下：这是我自己想出来的一个提示词，像是橡皮图章式的旅行笔记海报。很酷的地方是，我可以直接告诉我们的 agent：参照画布上我这段提示词，然后给每一个城市和每一张图都做一张明信片。
亚伦：酷。所以你有麦德林的图、新加坡的图，你还有自由女神像，那就是纽约，然后是多伦多。
亚历克斯：完全对。注意，agent 已经掌握了画布上的所有上下文：它自动知道文件系统里真正有什么、这块画板上有什么，然后它就去做更新。很酷的是，我们看到它一次生成了四张明信片。我们可以把其中一张放大看。我的提示词基本上是在让它把手里那张图做成一个图章。现在，因为我们在画布上，我可以把我对新加坡这场活动的描述抓过来——这里有一些我当时随手记的笔记，活动是 5 月 17 日——然后我选中这两个，说：现在做一张明信片的设计，引用这段描述，感谢用户来参加。这件事做完之后，当然，我们可以只针对新加坡这一张去迭代，然后把所有这些改动一次性套到所有城市上，不用重做一遍。
亚伦：那你们团队里到底是谁在用这个、在做这些明信片？因为看起来这不一定非得是设计师，对吧？
亚历克斯：对。从运营团队到销售团队，每个人都在用 Magic Patterns。举个例子，我们负责 go-to-market 的那位同事，就在 Magic Patterns 里做这些明信片，发给用户。而在过去，这个人是不会用 Figma 的，这类活只能外包出去。所以我觉得我们工具真正特别的地方，是我们在多大程度上把设计民主化了。
亚伦：嗯，你们也能导出到 Figma，所以跟别的工具相处得不错。
亚历克斯：我们工具很不一样的一点是，我们在模型上是无关的，某种程度上在功能上也是无关的——我们鼓励大家想导出 Figma 就导出，去拿到高保真的精度；或者导出到你自己选的写码引擎。我们的一些竞争对手，比如 Claude Design，它只有 Anthropic 的模型，你只能导出到 Claude Code，也没有跟 Figma 的集成。而像我们这样的工具，你能想到的东西我们都有集成。
译 08 · 14:50 想让 AI 出好结果，先把上下文喂进去
亚伦：那提示词显然在这里非常重要。对于怎么改进提示词、怎么拿到更好的结果，你有什么建议？
亚历克斯：我觉得就是用好工具提供的这些功能。我最近看到一件很有意思的事：越来越多「AI 使能团队」在大公司里冒出来。他们在做什么？他们在用 skills、AGENTS.md 这类东西，把你公司特有的上下文带进来。所以我们当然也有 skills 功能，你可以把你的 skills 加进去；或者像我们刚才说的，把你的设计系统加进去、把组件带进来。我一直建议大家：花那十分钟，把你现有的上下文接进来。长期看这会给你省下好几个小时。
译 09 · 15:35 AI 设计能走多远：过山车主题公园
亚伦：嗯。你见过用 Magic Patterns 做出来的最酷的东西是什么？
亚历克斯：最有意思的一个是这座 RollerCoaster Tycoon 主题公园。像一座巧克力公园，这挺疯狂的，因为我们刚开始做的时候，你提示一个表单，它给你还一个下拉框。模型当时太差了。而现在突然之间，我们看到有人真的在里面搭出完整的电子游戏体验。再说一次，这不是一个很常见的用法，但它展示了当输入和输出都是代码时，什么是可能的。
亚伦：那这个是为了什么做的？
亚历克斯：其实就是好玩做出来的。就是去实验，在浏览器里什么是可能的，同时真正去想组件怎么帮你在这样一个工具里做设计。你想，RollerCoaster Tycoon 里的巧克力工厂主题公园——轨道是一个组件，巧克力棒旋风那个游乐设施是一个组件，游客走的步道也是组件。所以当你把这些护栏给 AI，它就能带着这些上下文，一次或两次就输出一座主题公园。
亚伦：嗯，非常酷。你甚至能直接进去，看到那些小人在走动。
亚历克斯：对（笑）。而且很惊人，这真的就是在浏览器里跑 WebGL 渲染。你看——再说一次，我们做这件事的方式是用了一个我们叫作「3D 主题公园」的设计系统。所以我可以更新它，把我最新的组件带进来。更新起来就像提示一句话那么简单：不要树，全要棒棒糖，再多几条巧克力河。
亚伦：嗯。那这告诉了你什么——Magic Patterns 可能做到什么？看起来这远远超出了做一张明信片或者一个网站设计。
亚历克斯：对，我觉得它让我看到，设计在历史上一直是二维的。四年前你在一个软件团队里，设计师、工程师、产品经理为了「这个交互到底应该是怎样」来回拉扯，那真的很难。然后你看到这样的东西，人们在一次成型地做三维主题公园。我觉得这是未来的一次预演：人们可以真正设计出完整、高保真的交互，用的还是他们自己的组件。
亚伦：是啊，那肯定是个很狂的未来。
亚历克斯：绝对是。
口播：YC 下一期正在招生。你心里有一个创业公司吗？到 ycombinator.com/apply 申请。永远不会太早，而且填完这份申请，会把你的想法提升一个档次。好，回到视频。
译 10 · 18:17 看站 1：Ego
亚伦：你说你见过成千上万个 vibe coded 的设计，你大概是这方面的世界级专家了。我们要不要看几个网站？
亚历克斯：看几个网站吧，会很好玩。
亚伦：好。第一个看起来是 Ego。「agent 是机器，我们让它们成为人。」Ego 是一家应用 AI 研究实验室，在做跟人无法区分的私人 agent。
亚历克斯：好。
亚伦：我们怎么看？
亚历克斯：首先，它很酷。但我觉得大家普遍会忽略 landing page 的一件事：真正要看的指标是它转不转化。我当然不知道这个页面转不转化，但我的感觉是——我不知道，它不好进入。我不知道 CTA 在哪。CTA 是 Ronin 吗？对，你觉得他们想让我们在这里做什么？
亚伦：我的第一反应是，我应该就继续往下滚，对吧？有一件关于我们自己 landing page 的事很有意思：凡是做 vibe coded 工具的人，都有一个让你开始提示的输入框。有一阵子我们为了更有创意把它删掉了，结果转化率整段塌了。我们这才明白人们为什么要那么做。所以我一再鼓励大家去想：你在这个页面上最终想让人做什么？
亚伦：好，那里面还有一个 app。对，我已经滚到页面一半了，我还是不清楚这是什么、是给谁的。我猜有一个等待名单，所以它可能还没上线。
亚历克斯：对，我们看看。
亚伦：现在他们开始进入更多描述。「它是一个有性格、有记忆、有自己的主见的语音 agent。」这感觉是应该放在最上面的那种话。
亚历克斯：对。
亚伦：这个站应该从这里开始，用这一句，因为这才是行动号召：「加入等待名单」。可我们要往下滚很远才走到这里。
亚历克斯：完全对。我这儿都在笑——这个主要的「加入」CTA，我得先做一个交互。这又是一个可能被 vibe code 出来的例子。AI agent 特别爱加动画之类的东西，对吧？过度动效。那为什么不直接一开始就把它放在这儿？
亚伦：对，这个其实很有意思。我们在我自己的公司 Creative Market 做过一些测试：当输入表单直接可见、直接在页面上展开时，转化率比要求人先点一下、再填邮箱，或者弹一个窗口、再走到表单，高得多。所以我建议，只要可能，就把输入框直接敞开放在那儿，人就往里打字。它对你收集信息的转化率影响有多大，真的挺惊人的。
亚历克斯：对，这也是我一直主张的：想想人。AI agent 又是这样——它们被奖励去做「好玩」的事，比如动效、比如过度动画。但人不会在你的站上待很久，人是赶时间的。
亚伦：对，我们看到到处都是闪烁的圆点，我不知道是不是有音乐在放，但看起来有某种像调音台推子的东西。所以很难说清到底在发生什么。我挺喜欢整体的调性，那种暗色的红，感觉很像 80 年代的电子游戏，我觉得有意思。但有些东西也很难读。右侧好像有个输入框之类的东西，我差点错过，因为它不明显、我不确定它存在。
亚历克斯：对，这是我常常见到的另一种 vibe coded 的味道：你看我的鼠标在这儿，它允许我跟它交互，但我说到底打不进任何字。然后我就想，这是怎么回事？
亚伦：对。我见过一种做法：页面上嵌了真实的 UI 元素，而且它们是真的、可交互的。能做这件事很酷，这也是 agent 让它简单很多的事——以前难得多。所以它能让人觉得很可交互，好像你可以在页面上直接试产品，这非常酷。但反过来，当它看起来像那样、结果却是误导，你以为你能操作什么，其实不行。
亚历克斯：对，我觉得值得讲一下：这件事为什么重要？网站上有一个 vibe coded 的味道，为什么重要？我觉得是因为——你注意我们刚才有多被这个输入框分心，一直在试着打字。我们被从核心的东西上分走了注意力，也就是 CTA 本来要干的事，在这个例子里就是加入等待名单。
亚伦：对，往下滚，你会看到那些人的照片。它们跟那个调性很搭，那种 80 年代电子游戏的复古感，我觉得挺酷。顶部那只眼球很有挑衅性，说实话有点吓到我，一只眼球直勾勾看着我。但它有意思，如果这就是你要的调性，它会让人记住。只是我到页面中段才明白这是什么。所以我会想再多一点——它是什么、你想让人做什么。连右上角那个行动号召按钮，上面也只有一个词：Ronin。
亚历克斯：对。
亚伦：我不知道 Ronin 是什么。公司叫 Ego。这里写着「Ronin 九月上线」。Ronin 是产品吗？是模型吗？我不清楚这是什么。所以最后我就是很困惑。
亚历克斯：顺便说，这又是一种 vibe coded 的味道。这里写着「向右滚动」。我本来就会滚。就我个人来说，我想不出多少场景，人会觉得自己需要在这儿写一句「滚动」——因为你本来就会做这件事。相反，我常常看到 agent 总是想去推用户一下，让用户做点什么。
亚伦：嗯。
亚历克斯：我们再看一个？
译 11 · 23:59 看站 2：Sentient OS
亚伦：好，这个叫 Sentient OS。「你的 Mac 有了感觉。一个端侧的 LLM 理解你的整个生活，然后主动通过 computer use 把你的活干完。」好，这有意思。然后这儿有一张图，是一台打开的笔记本。
亚历克斯：哇，好。
亚伦：你一滚，它就合上。哦，往回一点。
亚历克斯：哦。
亚伦：好，有一堆东西进到中间。然后你往下滚一点，它写：「你睡觉的时候，你的 Mac 理解你的整个生活。」好。
亚历克斯：而且我觉得注意一下——我很难把滚动完全对准。有一件事我从来没见过，就是哪家十角兽公司做过任何形式的滚动劫持。
亚伦：对。
亚历克斯：为什么他们不做滚动劫持？因为它不转化，而且让人烦。还有一件我常常看到 AI agent 做的事——你注意，如果我错过了这一屏……
亚伦：（笑）
亚历克斯：对吧？再去看看那些 Fortune 500 公司的站，它们有上百万上百万的访问量，它们都不做滚动劫持。
亚伦：对，让人烦的地方在于，你习惯了自己移动的精度——
亚历克斯：嗯。
亚伦：滚动的时候。然后你到一个站，它的精度不一样：你手已经松开鼠标或触控板了，它还在继续滚，整个就乱了，感觉很不自然。所以请大家，请停止滚动劫持。
亚历克斯：停止滚动劫持。
亚伦：就用正常的滚动。因为这里其实有很酷的东西：我们从笔记本屏幕开始，一台打开的电脑，一堆东西进到里面。
亚历克斯：对。
亚伦：盖子合上。我觉得它想告诉你的是：这些事都发生在你睡觉的时候，盖子合着。然后你醒来，你的活已经干完了——于是它醒来，这些都是它做完的事，然后它带你过一遍。所以视觉和体验——我喜欢这个站的地方是，它真的在强化它想讲的概念。
亚历克斯：嗯。
亚伦：当它讲到睡觉的时候，盖子合上、电脑睡了。然后它说，哦，它醒了，它在你睡觉的时候把活都干完了。所以当你醒来，砰，笔记本又出来，活都做完了，它展示给我们看。我觉得这是动画最好的形态：不是为动而动，而是真的强化你要说的那个点，用静态图根本做不到的方式去传达一件事。
亚历克斯：完全对。它确实帮我理解了这个产品是做什么的。但我也会一直想：当你想太有创意的时候，那在产品页或者视频里很棒，但不要放在你的 landing page 上。你的 landing page 上，你最想让我做的一件事就是点这个按钮：下载 Mac OS 版，对吧？说到这个按钮，这一圈光——又是一个 vibe coding 的味道。它确实抓住了我的注意力，但我注意到的一件事是，AI agent 特别爱在这种渐变、这种巨大的投影上用力过猛。它确实吸引了我，但如果这是你想避免的东西，那就要警惕。
亚伦：对。那往下还有什么？
亚伦：看看。Recipes。
亚历克斯：我觉得有意思的地方又来了：这还是那个主 CTA，对吧？我把整页滚了一遍，我——你是真的很想让我点这个按钮，甚至可能想让我做这个 homebrew 安装，可它太小了。我在 100% 缩放，我还是几乎看不见它。
亚伦：嗯。
亚历克斯：对吧？这个还有一个悬停效果。我猜这个把我带到 GitHub。我几乎读不出来。
亚伦：对，（笑）那些真的很难读。
亚历克斯：对吧？比如 free。定价页上「免费」两个字是巨大的，这是有原因的。
亚伦：嗯。对，下载免费版。
亚历克斯：对，就是这样。
亚伦：对。
亚历克斯：对吧？我发誓它——可能跟角度有关，但这不重要。我现在看不见 free 这个词。
亚伦：对。
亚历克斯：我现在看不见。
亚伦：如果你有重要的信息要传达，那用户从什么角度看它都不该有影响。它应该明显到让人一眼看到。
亚历克斯：对，完全对。
亚伦：好。我想，还有一个反馈，对一个在你机器上本地跑的产品来说：隐私和信任非常重要。他们怎么处理数据？我猜这里有个 FAQ 想回答一部分，但这是 AI 应用和大模型的新世界里一个很有意思的问题——它们需要那么多数据和上下文才有价值。尤其是像这样一个要跑在你机器上、大概能访问你电脑上一切的产品。所以，对所有这些类型的产品来说，信任、隐私和安全都需要建立一个新的标准。我的看法是：那些真正在这件事上较真、超出预期地让用户对「我们会访问什么数据、我们会怎么用它、我们的留存政策是什么、它安不安全」这些事感到安心的产品，会更成功地让人下载、试用、推荐给朋友。
亚历克斯：完全同意。作为一个拿着一个开源、在你电脑上本地读 iMessage 的短信分析器去申请 YC 的人，我完全同意。
亚伦：那你在做那个产品的时候，你想到的是哪些事？你觉得为了让人信任你的产品、把所有的短信都交给你，你必须做什么？
亚历克斯：landing page 上的 hero 就写：开源、完全在设备上。
亚伦：嗯。
亚历克斯：对吧？传达「网络一点都没被碰过」。这就是我们学到的——人们真的、真的很在乎这件事。
亚伦：对。
亚历克斯：他们这里也做了，写的是「端侧 LLM」。
亚伦：对。
亚历克斯：但挺好笑的，那个「and」这个词真的有必要吗？我觉得有意思的是他们在加粗这些词。其实这也是 AI 写作的一个迹象——这个你可以在维基百科上查到——就是随机的词被加粗了。但重点是传达那件最重要的事：它是在你的设备上跑的。
亚伦：对。
亚历克斯：还有一件让我想笑的事是字体。看看这是什么字体。Space Grotesk 永远是那个……哦，Instrument Serif 是另一个。
亚伦：（笑）
亚历克斯：Instrument Serif，Claude Code 爱用 Instrument Serif。这挺好笑。这让我想到破折号，对吧？你在写作里还是可以用破折号，但不幸的是，人们看到就会想：哦，他用了 AI。Instrument Serif、Space Grotesk。
亚伦：有意思的是，这些东西是趋势，而在当下往往很难看清。我感觉我们就站在它上面，我们现在能看出来，但这就像你看到一个 80 年代设计的厨房，你会说：天啊，这看起来是个过时的厨房。可在 80 年代，它大概看起来是个很现代的厨房。这里有些东西给人的感觉就是这样：此刻它感觉是这个时代的，但五到十年后回头看，我们会说——
亚伦：「那是 2020 年代中期网站设计的典型特征」，到那时候它会显得过时。所以我不知道，我会建议大家：抵抗那种冲动，不要用 agent 在设计时吐出来的默认东西、默认字体，去用一个更属于你、更能传达你想传达的东西，而不是大家都在用的那个。我觉得那才是做出更耐久的设计的方式。
亚历克斯：对，而且要在早期就建立品牌手册。这是我们自己公司比较后悔没早点做的一件事：建立品牌手册，定下来什么是品牌、你用什么字体、你的设计系统到底是什么。公司应该更早做这件事。
亚伦：好。谢谢你，Sentient OS。我们再看一个。
译 12 · 32:01 看站 3：CeraNovus
亚伦：我们再看一个。
亚伦：好。CeraNovus。机构智能与决策基础设施。
亚历克斯：好。
亚历克斯：我不太知道这是什么意思。不过——「CeraNovus 是你的 AI 运营伙伴。它读你公司产出的每一条记录，找出没人在追踪的运营低效，在问题还小的时候提醒你。」好。我不知道。我觉得这里的文案可以改。它太笼统了，太模糊了。我会想：这是我需要的东西吗？我不太确定。它确实做了我公司想要的一切、还能找出低效。它是一套决策基础设施，我不知道那是什么意思。所以我觉得有帮助的做法是：更具体一点，用更具体的语言说清楚谁该用它、为什么，因为现在它太不清楚了。
亚伦：我感兴趣的是——这里有太多填充，留白太多了。但这是他们说的 above the fold，我还没滚的那一屏。这是 hero 区，是 landing page 上那么重要的一块。可我的眼睛立刻就在看空白。这不巧也是一种经典的 vibe coding 味道。
亚历克斯：这个小号全大写……
亚伦：对。
亚历克斯：对，就是这个。而且——好吧，小号全大写本身有什么问题吗？不一定有。但我读它的时候：「每条主张都有出处」「多年积累，第一天起就没说谎」。
亚伦：「无需安装」「不做访谈」，可我还是不知道这个产品是做什么的。
亚历克斯：对，完全对。
亚伦：我甚至不知道它会是一个需要安装的东西。这根本不是我一开始的假设。
亚历克斯：对，对，对，完全对。就像「无需安装」——装在哪？我是在跟硬件打交道吗？
亚伦：「对运营的监督，它找出低效，有凭据的前瞻。」对，我就是需要具体的例子。往下滚的时候，他们给了具体例子吗？「从你桌上的问题开始：企业、中型市场、私募股权。」对，这是他们打谁。
亚历克斯：嗯。
亚伦：这一点没帮助，因为这是关于他们的，不是关于用户的，对吧？用户不在乎你打谁。用户在乎的是：我有一个问题要解决，CeraNovus 能不能帮我解决这个问题。
亚历克斯：对。就像现在，我得先想：我是企业、是中型市场，还是……我到底是谁？
亚伦：对。
亚历克斯：假设我是二级市场基金，或者我是接续基金，我得看这个。可我得点一下才能决定我是谁。你在让我动脑子。
亚伦：太费劲了。
亚历克斯：而且，回到你说的：我真正想看的，是解决方案。
亚伦：对。你知道，这是我在 vibe coded 的站点上看到的一个趋势，尤其是在 YC 申请里我们经常看到：它几乎像是给这家公司做了一份幻灯片，把公司 pitch 出去——很多时候像是在 pitch 给投资人。或者说，模型以为那才是创业公司的目标读者。有时候确实是，投资人会看，但那不是你应该对话的人、不是你应该瞄准的人。你应该讲的是你的产品、谁该用、为什么、它对用户有什么价值、解决什么问题，再有就是社会证明——其他跟这些用户一样的人在用、它帮了他们多少。这些才是我觉得真实用户想看到的东西，而不是一份关于「我们打谁」「这是我们四条保证」的幻灯片。我到现在还是搞不清你们是做什么的。还有一点我觉得有意思，因为我们刚聊过：顶部有一个链接写着「信任与安全」。这在网站主导航里不常看到。
亚伦：嗯。
亚伦：顺着我们刚才关于「公司应该更强调这件事」的讨论，看到他们把这块放上去、还配了一个 FAQ——我们收集什么数据、数据放在哪——其实挺有意思。如果这变成一个更常见的做法，我不会惊讶：AI 站点都在试图介绍产品，并让人把大量敏感信息托付给它们。
亚历克斯：完全同意。
亚历克斯：整体上，我觉得风格很干净、很清新、很现代。所以从视觉角度，我觉得它很好看。但从文案、从整体描述、从「你有没有把产品是什么传达给你的用户」来看，我还是很困惑它到底做什么、谁该用它、为什么。所以我觉得这块有很大的改进空间。
亚伦：完全对。我会建议所有创始人做一件我们早期做过的事：去问你的用户，「你觉得这个网站怎么样？」尽量不要让他们看出来这是你的网站，因为他们会对你太好、不会跟你说实话。但你需要用户告诉你，它有没有打动他们。
亚伦：那是终极的测试。
亚历克斯：绝对是终极的测试。我们只是两个坐在这儿、对着几台摄像机的人。去跟你的用户说话。
译 13 · 36:59 看站 4：Slashy
亚伦：好，我们再看一个。Slashy，你的智能收件箱。首先，他们的 logo 让我有点困惑。
亚历克斯：（笑）
亚伦：它让我想到 s/ashy。我明白它很巧，Slashy 里面有个斜杠，但如果我在没有 slashy.com 这个上下文的情况下看到它，我会以为这是 s/ashy。好，「你的智能收件箱。Slashy 用你的语气起草回复、安排会议、处理跟进，让你少花时间管邮件。」好，酷。所以这是一个新的邮件产品。他们这儿有一个很大的 demo。放 demo 很酷，但里面东西太多了，demo 里的文字太多了，我很难在脑子里定位到底在发生什么、它想让我带走什么。我看到「周四前的 Pied Piper 指标」，我看到右下角有东西在 agent 里发生、它一直在切过去，但速度不够慢，我跟不上它到底在打什么字、发生了什么、这个产品在做什么。
亚历克斯：这个说法公道。我要说他们做得好的地方是：我立刻就知道这是什么。
亚伦：嗯。
亚历克斯：我知道，好，这有点像 Superhuman，这是一个 Gmail 的替代品，对吧？我自己其实就有这个问题，我的邮箱超载了。但我觉得，也许这里更好的做法是只展示那个聊天式的收件箱，几乎像一段动画，而不是一段录屏视频。我会建议这位创始人找个代理公司，做一段很酷的动画放在这里，可能比现在整屏的视频效果更好。
亚伦：对。「几秒内起草好回复」。好。我猜它在走侧边这些标签页。这些标签页的问题是，如果你滚过去，你会错过其他的。
亚历克斯：而且它们看起来只是按定时器在走。对，你能看到底部有一条线在移动。这很酷，但任何时候你用了标签页，你就得预期：后面那些标签页里的东西，人们是不会看到的。
亚伦：完全对。你必须假设我只会看到——嗯，有意思的是什么？等等，我们刷新一下，我觉得这个值得注意。假设我们在「智能收件箱」这一页停留了一段时间。
亚历克斯：嗯。
亚伦：计时器在走吗？对，看起来不像。看起来它可能是在我实际滚到这儿的时候才开始的，这很好。但有意思的是，我有时会注意到，有些站上计时器可能在用户看到之前就开始跑了。于是你根本没意识到，但每个人其实都在看后面那几屏——即使你可能认为那是第四重要的东西。
亚历克斯：对。我觉得我们第一次滚到这里的时候，高亮的是「语音起草」。可能因为我们来回滚了。所以计时器在我们真正读之前就开始了。还有一点我想提：我看不出截图里在发生什么。如果我真的——好，AI 起草，正在发生什么——我努力定位、认真看，我大概能弄明白。但大多数用户不会在第一次看到一个东西的时候，花那种深度和那种审视去看它在发生什么。所以他们展示产品很酷，但我在想，有没有一种更聚焦、更简化的方式，真正把每一块在做什么传达出去，而不是把真实界面的那种粒度、那种细节全摆出来。
亚伦：完全对。
亚伦：好，这里有一些社会证明。「被最忙的人喜爱」。我们有一位投资人，Redpoint。我们有一位内容创作者，我不认识。好，所以有一些人在用这个。再说一次，他们顶部有一个安全的链接，这里有社会证明——真的在用的人，因为你在请求他们把收件箱托付给你，而这是你能给任何人访问的最敏感的区域之一。所以这是一个很有意思的挑战：你怎么建立那种信任，让人愿意下载、开始用？
亚历克斯：对，社会证明太重要了，对吧？这也是为什么你通常会看到 logo 放在 above the fold。但我觉得创始人永远该想一件事：你拿谁当社会证明。举个例子，我看到投资人和创始人，我就会想，好，这是给投资人和创始人的。这当然说得通，他们是很忙的人、有很多邮件。但立刻，我——即使这边左边两位都是投资人——我会想：等等，这只是给 VC 用的收件箱吗？
亚历克斯：对，也许它就是打创始人跟 VC 的，我不确定。还是说它是给普通消费者的？它说「给忙碌的人」，那也许这是一个 prosumer 的、像 Superhuman 那样的东西。然后「用你的风格写作」。好，这个酷，因为它展示了它在走一遍、并且做出真正符合风格的编辑。就像那个视图，那——
亚历克斯：太棒了。这真的就是——这就是我说的那种动画。顺便说，这种东西你可以在 Magic Patterns 里设计出来。但这真的非常非常漂亮，我完全明白它在这里做什么。
亚伦：还有「从 iMessage 里管理你的收件箱」。又来了，更多这样的标签页。它从下面第三个开始的，所以……刚才有一个「审阅与批准」。对，跟上面一样的问题。
亚历克斯：这个也很酷。对我来说有意思的是，这恰恰是打动我的地方，对吧？就像，哦天，你有那么多收件箱——短信、WhatsApp、Gmail、Slack——而它在把这一切整合起来。这个真的打动我。如果用户欣赏这一点，它也许应该被推到最上面。
亚伦：对，这也是我的问题：收件箱太多。所以这会打动我——在我是创始人和投资人这个意义上。他们会对这个感兴趣。
亚历克斯：还有一点我觉得很棒，就是这个 landing page 有多长。这个我是从 PostHog 那帮人那里学到的。PostHog 的人做了一个巨大的页脚，来传达「我们是家大公司」。所以我一直鼓励大家想：这里被传达出来的元信息是什么——单凭它是一条非常长的 landing page 这件事，我就会想，哦，这家公司做了一段时间了。
亚伦：对，它把页面往下铺得很有节奏，把它想讲的重点一条条点出来，试图建立信任，而且看起来设计得很漂亮、很专业，这也有助于建立那种信任，这非常重要。所以整体上，我觉得这个做得真的很好。好，谢谢你，Slashy。作为一个前端工程出身的人，你是怎么把设计变好、把设计品味提上去的？
译 14 · 43:33 设计品味怎么练
亚伦：作为一个前端工程出身的人，你是怎么把设计变好、把设计品味提上去的？
亚历克斯：我试着做的一件事是去看好看的东西。举个例子，旧金山这儿有一个马蒂斯的展。或者就是去消费你审美上喜欢的东西。有一本很好的书是《设计心理学》。还有，永远想着人和用户。我觉得硅谷有一个很大的误解：以为设计就是像素级完美的圆角。不是的。设计是想清楚用户体验。当然，有高保真的 UI，那很漂亮——
译 15 · 44:20 全公司都去客服值班
亚伦：对。那你是怎么做的？你在做 Magic Patterns、带着这家公司的时候，日常里有哪些做法，让你把用户放在最前面、让用户的声音一直在你脑子里？
亚历克斯：对，我们做的几件事之一，是我们公司每个人都要做客服。
亚伦：嗯。
亚历克斯：每一个人都在客服收件箱里，每天跟用户说话，看到他们的沮丧——比如他们找不到分享按钮，因为我们有两个 CTA 是完全同一个颜色，两个主按钮，对吧？然后很快，因为工程师就在那儿，他们自己先撞上了这个问题，就直接去修了。另外就是把标准定得很高：如果有东西看起来不对、感觉就是不对，我们鼓励全队去做掉它。花时间在额外的 20% 上。不要就拿着 vibe coded 的输出，不把它推到下一档。
亚伦：那你怎么平衡这件事？因为显然这么做听起来很棒，但代价是现在要花更长时间才能发出去。你怎么在「快速发布」和「真的超出预期、做出真正优秀而不是只是还行」之间取得平衡？
译 16 · 45:07 速度、质量，以及未来
亚历克斯：对，全都是取舍，对吧？如果你不这么做，你可能有很多用户来到你的站上，然后他们离开。他们没看懂，他们的工作流被卡住了。所以你得相信这件事值得。对我们来说，我们极度相信它值得——这件事重要，值得你想清楚、花时间去做。而且我觉得，人们很爱说「如果设计得好，那一定花了很久才发出来，他们一定很慢」。我可以练一下——其实不是。你仍然可以非常快，尤其是考虑到写代码这件事整体加速了多少。
亚伦：对，这其实很有意思。那些取舍不必再存在了。历史上它们必须存在。
亚伦：Magic Patterns 接下来做什么？你的路线图上接下来是什么，你觉得设计从这儿往哪走？
亚历克斯：好，这周我们发布了 Magic OS，也就是我们画布的新版本。它像是 Pinterest 和 Figma 生的孩子。你可以跟它聊、用它提示来做设计，把你的 PRD 和上下文带进来。至于设计的未来，有一点是肯定的：它变得非常非常快。任何觉得自己确定知道的人，大概都是在编，对吧？但我觉得有一件事肯定是对的：代码作为一种媒介，会留下来。因为很明显，前沿实验室和所有人都在把写码 agent 做得很强。而那是生产、以及交付给你的用户的终极媒介。
亚伦：对，很有意思。就像你说的，代码只是另一种媒介，有很多不同的媒介让产品被创造出来、让用户体验产品，而这只是一个新的，现在有了新的工具，能做出以前做不到的东西。看到一切被带到一个新的层次、看到以前几乎不可能的新东西出现，真的很让人兴奋。所以很高兴请到你来，看到你们用 Magic Patterns 让这些成为可能，非常感谢你来。
亚历克斯：谢谢，非常感谢。
亚伦：好，这一期 Design Review 就到这里，我们下一期见。
References
- 1Aaron Epstein · YC 人物页
ycombinator.com
- 2Magic Patterns · YC 公司页
ycombinator.com
- 3
- 4Magic Patterns · Series A and Magic Patterns 2.0
magicpatterns.com
- 5Magic Patterns 官网
magicpatterns.com
Comments