不用寫程式,只要對著 Fable 唸唸咒語就好了……這些這麼漂亮的網站,趕快落地在台灣開花!!!! 大家學起來。
但這支影片有趣的地方,不只是「哇 AI 做網站好漂亮」。他的重點其實是:不要把 AI 當成一次吐出一頁 landing page 的工具,而是把它當成一整間設計工作室來用。先給它一個很清楚的目標——我要一批完全不同、能展示網頁設計品味與技術能力的網站;每個網站都要有自己的視覺語言、動畫、字體、色彩、3D 或生成素材;做好以後還要部署上線,並且附上 guide 讓別人可以重做。
真正關鍵的是,他不是一直手把手指揮 Fable:「這裡放按鈕、那裡換顏色」。他反而是把需求講清楚、把工具打開,然後要求模型自己跑三輪 iteration pass。每一輪都要看設計問題、找可以變更複雜和更漂亮的地方,再修一次。這就很像你不是請 AI 當工讀生,而是請它當設計總監+前端工程師+QA,自己看自己的成品,自己挑毛病,自己補細節。
範例一:LAST LIGHT,把煙火做成一場告別儀式
我進展示站挑了三個範例,很能看出這不是同一套模板換皮。第一個是 LAST LIGHT:一個虛構煙火學院的最後一夜,整個網站用超大的復古襯線字、港口夜景、粉紅和金色煙火,把「最後一發煙火」做成有儀式感的互動頁。它好看的地方不是特效多,而是文案、字體、色彩和互動都服務同一個情緒:告別。
範例二:PERIHELION,假彗星觀測計畫也可以很有資料感
第二個是 PERIHELION:一個虛構彗星觀測計畫,講一顆七百年後才會再回來的彗星。這個例子很適合看 AI 怎麼做「資料感」的設計:不是只放一張太空圖,而是把 ephemeris、雙彗尾、觀測活動、倒數與天文敘事包成一個可信的科學機構頁。它提醒我,AI 網站可以不只是品牌頁,也可以是假的博物館、假的研究中心、假的公共服務——但視覺語言夠完整,就會讓人願意相信那個世界存在。
範例三:ORBIT,最接近可以落地的 3D 商品頁
第三個是 ORBIT / The Halcyon Lounge Chair:一個可以旋轉、配置材質的 3D 椅子產品頁。這個最接近商業落地:想像台灣家具、設計選物、文創商品、甚至建案和展覽,都可以先用 AI 做出一個有質感的互動 prototype。不是等工程團隊排期兩個月,而是先把「這個產品如果有一個很漂亮的網站會長怎樣」快速變成可以看的東西。
影片裡也示範了為什麼工具很重要。他讓 Fable 可以用圖片、影片、Pinterest 風格參考、Higgsfield 這類生成素材管線,甚至用 Chrome DevTools / 瀏覽器截圖去看網站實際長什麼樣子。這一步很關鍵,因為漂亮網站不是只有 code 正確而已;字有沒有孤行、按鈕對比夠不夠、動畫順不順、畫面有沒有死角,這些都要真的 render 出來看。AI 如果只能在文字裡想像,就很容易停在「看起來應該可以」;但如果它能看到自己的畫面,就有機會真的修到漂亮。
所以我覺得這個案例對台灣創作者、設計師、小品牌、接案工作室都很有啟發:未來做網站的門檻可能不是「你會不會從零刻出互動效果」,而是「你會不會描述你要的世界、給出好的審美方向、設定驗收標準,然後讓 AI 大量生成和自我修正」。人類的工作會更像策展和導演:決定品味、決定要留下哪個版本、決定這個網站到底要替品牌說什麼話。
當然,這不是說從此不用懂設計或不用懂前端。相反地,越懂的人越會知道怎麼唸咒語:什麼叫好的 brief、什麼叫有效的 critique、什麼時候該要求它加一個 complexity upgrade、什麼時候該叫它收斂。Fable 25 好看的地方在於,它把「AI 做漂亮網站」變成一個可以學的流程,而不是一次性的魔術表演。