世界太吵,来原声听播客

Y Combinator

百亿美元公司从不做滚动劫持,AI建的站却总爱这么做

滚动劫持打断用户已经熟悉的滚动节奏,精度一错位就惹人烦;百亿美元公司官网从不这么干,这反而成了识别AI随手建站的信号。

AI设计工具创业网站转化率产品设计Vibe Coding
前半段看AI设计工具Magic Patterns怎么从Figma替代进化成画布/OS,后半段实地拆解多个创业网站的AI建站通病,密度都不低。

核心论点 · 点时间戳可跳到原声

1:02

非设计师做出的设计工具

Alex和联合创始人都是前端工程师出身,不是设计师。YC合伙人当时建议他们做自己真正擅长的事——把Figma稿转成代码——这就是Magic Patterns的起点。2023年10月上线时,市面上唯一类似的产品是V0,而且当时模型能力太弱,连对话式交互都做不到,只能「一次提示换一次设计」,没有来回打磨的过程。

— Alex Danilovich
4:04

黑客松随手做的MCP意外爆火

找到Magic Patterns这个点子花了9个月,中间试过文本分析器、组件库编辑器、Storybook式工具,都没能攒到「真正付费并持续使用」的10个铁杆用户。真正的转折是上线后立刻就有人买单。后来公司内部黑客松随手做了个MCP集成,没抱太大期望,结果现在变成用户接入产品最主要的方式之一。Alex的结论是:公司要不断重新适应新的工作流,而不是守着第一个产品形态。

— Alex Danilovich
10:05

画布不是人人都需要的界面

Magic Patterns的画布功能已经存在大约两年,但团队发现画布不是所有用户的第一选择——很多人就想要一个单线程对话框,不需要面对一整块自由画布。为此他们专门在招一名设计师,去解决「什么时候该让用户知道可以用画布」这个渐进式引导的问题。新发布的版本干脆改名叫OS而不是画布,因为它要整合所有上下文(图片、PRD、文档),而不是像Figma那样堆满工具的传统画布。

— Alex Danilovich
16:09

把场景拆成组件,AI就能一次成型3D乐园

用户用Magic Patterns做了一个《过山车大亨》风格的巧克力主题乐园,放在几年前这不可想象——那时候提示做一个表单,模型给回来的可能只是个下拉菜单。现在只要把轨道、过山车、游客走的小路都拆成一个个组件,AI就能一两次提示内搭出整座乐园。Alex认为这揭示了设计正在从历史上的2D形态,走向用户可以直接设计高保真3D交互的未来。

— Alex Danilovich
20:10

拿掉首页输入框,转化率立刻崩了

审查Ego官网时,两人提到一个反例:Magic Patterns自己曾为了显得更有创意,把首页那个「输入提示词开始」的文本框拿掉,结果转化率直接下滑,这才明白为什么几乎所有AI工具的首页都留着那个输入框。Aaron补充他在Creative Market做过的测试同样证实,把表单直接摊开放在页面上,比让用户点进去、弹窗或跳转填邮箱,转化率要高得多。

24:11

没有一家十亿级公司会做滚动劫持

Sentient OS的官网用滚动劫持效果展示电脑睡着又醒来完成工作的画面,但两人指出这是AI生成网站的典型破绽:滚动精度和用户习惯的节奏不一致,停手后页面还在继续滚,体验很别扭。Alex的判断依据很直接——去看任何一家估值百亿美元的公司官网,没有一家会用滚动劫持,原因就是不转化、还惹人烦。不过他们也认可这个案例里动画确实在强化概念本身(合上笔记本=睡眠,打开=完成工作),这才是动画该有的用法。

30:14

随机加粗的词,是AI写作的破绽

两人在Cerno Vis的页面上发现文案里莫名其妙地给and这种词加粗,Alex指出这是能在网上查到的、AI写作的一个识别特征。同样的还有字体——Space Grotesque和Instrument Serif几乎成了AI设计工具默认吐出来的字体,就像写作里的破折号一样,一用就被认出是AI写的。两人建议抵抗住用默认字体和默认文案套路的冲动,用真正属于自己品牌的东西,这样做出来的设计才经得起5到10年后回头看不过时。

— Alex Danilovich
44:26

好设计不再等于慢

Alex说公司每个人都要做客服,亲眼看到用户因为两个按钮颜色一样而找不到分享键,这种一线反馈逼着工程师自己去修。被问到如何平衡打磨细节和出货速度时,他的回答是:人们爱说做得精致就一定慢,但现在代码写得这么快,这道权衡已经不像过去那样非此即彼了——只要相信打磨是值得的,完全可以又快又好。

— Alex Danilovich

原话 · 已逐字校验

I've said this before on a video, like customers are our religion.

我在视频里说过,客户就是我们的信仰。

Alex Danilovich4:04

One of the initial learnings that we had is like a canvas is not necessarily for everyone.

我们最早学到的一件事是,画布这种界面不是人人都需要的。

Alex Danilovich10:05

the track is a component. The chocolate bar twister ride is a component. The paths that guests walk on are components.

轨道是一个组件,巧克力扭转过山车是一个组件,游客走的小路也是组件。

Alex Danilovich16:09

when you had the input form it visible and expanded directly on the page, conversion rate was much higher than requiring somebody to click through to then put in an email address or pop up a window or get to the form or something like that.

当输入框直接在页面上展开可见时,转化率比让人点进去、弹窗或跳转才能填邮箱要高得多。

Aaron20:10

please everybody, please stop scroll jacking. Stop scroll jacking. Just keep the normal scroll.

拜托大家,别再做滚动劫持了。别再做滚动劫持了。保持正常的滚动就好。

Aaron25:11

the best version of an animation is not animation for animation's sake, but animation that actually reinforces the point that you're trying to make and communicate something in a way that just being static would not have been able to do.

最好的动画不是为了动画而动画,而是真正强化你想表达的观点,用静态画面做不到的方式去传达信息。

Another sign of AI writing, actually, is you can look this up on Wikipedia is when random words are are bolded, right?

AI写作的另一个信号——你可以去维基百科查——就是随机把一些词加粗。

Alex Danilovich30:14

数字与实体

Magic Patterns上线时间2023年10月1:02
找到核心产品点子耗时9个月3:04
画布功能已存在时长约2年10:05

术语

MCP模型上下文协议
让AI设计工具和Cursor、Claude Code等编码助手互相调用数据与功能的协议。
vibe coding / vibe-coded氛围编程/AI随手编码
靠AI一轮轮提示直接生成网站或产品,缺乏设计打磨的做法或结果。
decacorn百亿美元独角兽
估值超过100亿美元的创业公司。

收听指南

谁该听

想让官网不被看出是AI随手做的创业者、负责转化率的增长和设计人员,以及想了解AI原生设计工具产品逻辑的PM。

可跳过

只想看网站诊断可跳过前18分钟的产品演示