百億美元公司從不做滾動劫持，AI建的站卻總愛這麼做
滾動劫持打斷用戶已經熟悉的滾動節奏，精度一錯位就惹人煩；百億美元公司官網從不這麼幹，這反而成了識別AI隨手建站的信號。
原視頻在 YouTube 上放不出來，用音頻聽：
核心論點 · 點時間戳可跳到原聲
非設計師做出的設計工具
Alex和聯合創始人都是前端工程師出身，不是設計師。YC合夥人當時建議他們做自己真正擅長的事——把Figma稿轉成代碼——這就是Magic Patterns的起點。2023年10月上線時，市面上唯一類似的產品是V0，而且當時模型能力太弱，連對話式交互都做不到，只能「一次提示換一次設計」，沒有來回打磨的過程。
— Alex Danilovich黑客松隨手做的MCP意外爆火
找到Magic Patterns這個點子花了9個月，中間試過文本分析器、組件庫編輯器、Storybook式工具，都沒能攢到「真正付費並持續使用」的10個鐵桿用戶。真正的轉折是上線後立刻就有人買單。後來公司內部黑客松隨手做了個MCP集成，沒抱太大期望，結果現在變成用戶接入產品最主要的方式之一。Alex的結論是：公司要不斷重新適應新的工作流，而不是守著第一個產品形態。
— Alex Danilovich畫布不是人人都需要的界面
Magic Patterns的畫布功能已經存在大約兩年，但團隊發現畫布不是所有用戶的第一選擇——很多人就想要一個單線程對話框，不需要面對一整塊自由畫布。為此他們專門在招一名設計師，去解決「什麼時候該讓用戶知道可以用畫布」這個漸進式引導的問題。新發布的版本乾脆改名叫OS而不是畫布，因為它要整合所有上下文（圖片、PRD、文檔），而不是像Figma那樣堆滿工具的傳統畫布。
— Alex Danilovich把場景拆成組件，AI就能一次成型3D樂園
用戶用Magic Patterns做了一個《過山車大亨》風格的巧克力主題樂園，放在幾年前這不可想像——那時候提示做一個表單，模型給回來的可能只是個下拉菜單。現在只要把軌道、過山車、遊客走的小路都拆成一個個組件，AI就能一兩次提示內搭出整座樂園。Alex認為這揭示了設計正在從歷史上的2D形態，走向用戶可以直接設計高保真3D交互的未來。
— Alex Danilovich拿掉首頁輸入框，轉化率立刻崩了
審查Ego官網時，兩人提到一個反例：Magic Patterns自己曾為了顯得更有創意，把首頁那個「輸入提示詞開始」的文本框拿掉，結果轉化率直接下滑，這才明白為什麼幾乎所有AI工具的首頁都留著那個輸入框。Aaron補充他在Creative Market做過的測試同樣證實，把表單直接攤開放在頁面上，比讓用戶點進去、彈窗或跳轉填郵箱，轉化率要高得多。
沒有一家十億級公司會做滾動劫持
Sentient OS的官網用滾動劫持效果展示電腦睡著又醒來完成工作的畫面，但兩人指出這是AI生成網站的典型破綻：滾動精度和用戶習慣的節奏不一致，停手後頁面還在繼續滾，體驗很彆扭。Alex的判斷依據很直接——去看任何一家估值百億美元的公司官網，沒有一家會用滾動劫持，原因就是不轉化、還惹人煩。不過他們也認可這個案例裡動畫確實在強化概念本身（合上筆記本=睡眠，打開=完成工作），這才是動畫該有的用法。
隨機加粗的詞，是AI寫作的破綻
兩人在Cerno Vis的頁面上發現文案裡莫名其妙地給and這種詞加粗，Alex指出這是能在網上查到的、AI寫作的一個識別特徵。同樣的還有字體——Space Grotesque和Instrument Serif幾乎成了AI設計工具默認吐出來的字體，就像寫作裡的破折號一樣，一用就被認出是AI寫的。兩人建議抵抗住用默認字體和默認文案套路的衝動，用真正屬於自己品牌的東西，這樣做出來的設計才經得起5到10年後回頭看不過時。
— Alex Danilovich好設計不再等於慢
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分鐘的產品演示