AI能寫出任何代碼，卻分不清什麼好看什麼難看
Shopify設計工作室負責人說，AI已經能執行任意技術複雜度，但審美判斷權仍在人手裡——他調一個輪播動畫用了91次提示，靠不斷挑剔而不是動手畫圖，把關最終效果。
原視頻在 YouTube 上放不出來，用音頻聽：
核心論點 · 點時間戳可跳到原聲
AI不懂好看，設計師變成編輯而非畫師
Marvin說現在設計師的角色更多是在做editor和curator。AI能把很多以前需要人手畫的東西做出來，但它不是"crafter"（匠人）——它能執行復雜度和技術，卻不知道什麼好看什麼難看，這個判斷權仍然在設計師手裡。他說AI把"產出"的問題解決了，現在的問題變成了對產出的極度挑剔，設計師要做的是持續和AI來回拉扯，挑出能用的那部分。
— Marvin SchweiboldShopify讓用戶靠聊天直接改後臺
Shopify的Sidekick團隊在做的事是把UI"帶到用戶面前"，而不是讓用戶去點界面。商家在首頁會收到Sidekick主動提出的建議（比如"重寫你的產品描述"），商家點一下就能通過和Sidekick對話直接改動後臺數據併發布改動。Marvin說這背後是一個願景：商家未來可能更多把Shopify當成一個儀表盤，把活兒委託給Sidekick，而不是自己在後臺一頁頁點。
— MarvinFigma沒退場，只是變成餵給AI的草圖
Marvin現在很少在Figma裡做精細視覺稿，但仍然用它畫極簡的方框草圖來表達一個交互動效，比如卡片下拉關閉時該不該可被打斷。他把這個草圖餵給Codex，發現圖像比語言或語音更容易被AI解碼——AI看懂草圖裡暗示的節奏感，比他用文字描述動效要準確得多。
— Marvin靠暴露底層參數才找出AI理解錯在哪
Marvin用AI把一段真實草地視頻轉成可控的網頁shader，過程一度卡住，因為AI不理解畫面下方其實是起伏的地形而非平面。同事建議裝上DialKit——一個能把生成物裡的隱藏參數都暴露成滑塊的小工具——結果發現AI在幾個prompt之前就把地形結構理解錯了，草葉一共生成了約21.7萬種變體，但長度差異只有零點幾，根本看不出區別。暴露參數不只是用來調效果，更是用來定位AI的誤解發生在哪一步。
— Marvin標籤頁藏信息，用戶不會點開去找
點評SkillSync時Marvin提出一個經驗法則：一頁PPT不能超過七行字，做產品頁也該有類似約束。SkillSync把大量功能平鋪在一排可點擊的標籤裡，但用戶不會一個個點開去看，等於把大部分內容藏起來沒人看到。他建議用"三件套"（three-up）做法：先想清楚產品最重要的三件事，把其餘信息收進去，而不是把功能平鋪展開卻只做到"一英里寬、一英寸深"。
— Marvin剋制而非堆砌，才是專業感的來源
看到Mintlify的主頁，兩人討論"專業、乾淨"的感覺具體來自哪裡：標題精簡、只展示真正必要的東西、留白足夠大，logo牆裡有Microsoft、Anthropic、Coinbase這類大客戶帶來信任背書。Marvin強調這種"少"其實比"多"更難做——團隊裡每個人都想讓自己負責的功能出現在首頁上，真正的編輯工作是說服大家做減法，這比隨手把所有東西都加上去要難得多。
— Marvin強制滾動是對用戶的不禮貌
評論Nullify網站用了scroll jacking（滾動劫持，頁面強行接管用戶的滾動速度來播放動畫）。Marvin態度很強硬：原生滾動是行業應該遵守的底線，用戶已經在成千上萬個網站上建立了對滾動靈敏度的肌肉記憶，被打斷後會不舒服、會分心。他把這類設計原則歸納為"可被打斷"（interruptible）——人的思路本身是可以被打斷的，Apple的軟硬件幾十年都在貫徹這點，強制用戶走完一段滾動動畫是一種傲慢。
— Marvin展示發射動畫，用戶等不到半秒就划走了
點評航天公司Instinct的網站時，三個hover觸發的短動畫裡，"著陸"那段要等很久才能看出在表現月球著陸，另一段幾乎立刻就能看懂。Marvin指出用戶的注意力窗口已經縮短到半秒級別，核心畫面（比如著陸時陰影在月面變大）應該一開始就給，不必鋪墊。他把這類能單獨抓住全部注意力的組件稱作"showstopper component"，建議一個網站有一兩個這樣的亮點就夠。
— Marvin原話 · 已逐字校驗
AI has definitely raised the ceiling for all of us, but it's not a crafter. It can execute complexity and technology that I couldn't handwrite code. It can write code, but it doesn't know what looks good and what looks bad.
AI確實為我們所有人提高了天花板，但它不是一個匠人。它能執行我寫不出來的複雜代碼，它能寫代碼，但它不知道什麼好看、什麼難看。
Marvin3:03
we're entering a new era and that future needs to be designed
我們正在進入一個新時代，那個未來需要被設計出來
Marvin12:13
it's an infinitely patient collaborator and and and teammate codex won't get mad at me if i need 91 approaches at getting the animation correct
它是一個無限耐心的合作者，是隊友。如果我需要91次嘗試才能把動畫調對，Codex不會對我發火
Marvin28:34
there's always usually or there should be one specific goal that is like the primary goal or the primary kpi or the the main thing you want a user to do when they hit the site
通常都應該有一個具體目標——一個首要目標、首要指標，或者說你希望用戶打開網站後做的那一件主要的事
there's this rule i always have like you can't put more than seven lines of text on a slide if you're presenting work
我一直有這麼一條規則：做彙報的時候，一頁幻燈片上不能超過七行字
Marvin36:56
it's being reductive in exactly the correct ways and it's showing only the things that are actually necessary to show.
它用恰到好處的方式做減法，只展示真正必要展示的東西。
smooth scrolling on websites is a disaster in the industry
平滑滾動在這個行業裡是一場災難
Marvin55:26
數字與實體
| 調試輪播動畫所用的提示次數 | 91次 | 27:31 |
| Shopify公司成立年數 | 20-21年 | 4:05 |
術語
- DialKit撥盤工具
- 把AI生成效果裡的隱藏參數暴露成可調滑塊，方便實時調試的小工具
- scroll jacking滾動劫持
- 網頁強行接管用戶滾動速度、播放預設動畫的做法
- showstopper component亮點組件
- 網頁裡專門設計來獨自抓住用戶全部注意力的視覺組件
- SidekickSidekick
- Shopify的AI基礎設施層，用聊天方式直接操作商家後臺
收聽指南
正在用AI做原型/做產品的設計師、想自己動手搭產品的創始人，以及想知道網站審查標準的產品經理。
開場介紹Shopify組織架構的部分信息密度較低，可以跳過。