一句話，AI生成了整個(gè)可點(diǎn)擊的廣州！Flipbook實(shí)測(cè)太離譜了

又一款 AI 工具在設(shè)計(jì)圈炸開(kāi)鍋了。

一款名為 Flipbook 的項(xiàng)目在 github 上小火了一把，它并不是傳統(tǒng)意義上能解決你設(shè)計(jì)上難題的自動(dòng)化工具，其目標(biāo)在于一句話生成可交互的立體模型網(wǎng)頁(yè)，頁(yè)面中的每一個(gè)元素都能進(jìn)一步「探索」，且所有內(nèi)容都由 AI 生成。

（圖源：Github）

Flipbook 的到來(lái)指向了 UI 設(shè)計(jì)未來(lái)的方向，在不久的將來(lái)，或許終端不再需要 App 支持，一切都靠大模型實(shí)時(shí)生成內(nèi)容，呼應(yīng)用戶的需求；或許 App 里也不再有明確的「選項(xiàng)」，用戶只需講一句話，它就給你對(duì)應(yīng)的功能。

看網(wǎng)頁(yè)像「翻書(shū)」，一切交互都交給了 AI

Flipbook 幾乎沒(méi)有什么使用門(mén)檻，輸入網(wǎng)址flipbook.run 就能使用。先說(shuō)好的地方，F(xiàn)lipbook 的交互邏輯確實(shí)讓人耳目一新，它和傳統(tǒng)的大模型工具，像 ChatGPT、Gemini、豆包那些都不太一樣，整個(gè)頁(yè)面只有輸入文字和上傳圖片兩個(gè)選項(xiàng)，完成后即可開(kāi)始生成。

從 Flipbook 團(tuán)隊(duì)的官方說(shuō)辭來(lái)看，它們把這種極簡(jiǎn)化的操作模式稱(chēng)為「用一根細(xì)管喝海洋」，按照我們的理解，其實(shí)就是用最簡(jiǎn)單的操作，汲取龐大的信息量。具體有多大呢？我們直接試試看就知道了。

從最簡(jiǎn)單的做起，我們讓Flipbook 做一張廣州的旅游地圖。不得不說(shuō)，F(xiàn)lipbook 整體的氛圍感還是挺足的，廣州塔、珠江、沙面、白云山、中山紀(jì)念堂、廣東省博物館、廣州大劇院這些地標(biāo)都被放進(jìn)了一張俯視地圖里，整體像一張旅游導(dǎo)覽插畫(huà)，配色也算舒服。

（圖源：雷科技制圖）

Flipbook 最大的特色在于「交互」，我們的鼠標(biāo)指針停在這張圖的任何地方，都是可以點(diǎn)擊探索的。在點(diǎn)擊「廣州塔」這個(gè)地標(biāo)建筑之后，會(huì)出現(xiàn)相關(guān)的介紹，比如高度、歷史相關(guān)的信息等。

（圖源：雷科技制圖）

（圖源：雷科技制圖）

整體的排版和設(shè)計(jì)，確實(shí)有那種科普類(lèi)圖畫(huà)書(shū)的風(fēng)格，假如用在教育和做攻略上，我覺(jué)得整個(gè)細(xì)節(jié)還是很到位的，但問(wèn)題也非常明顯。比如地圖不是真實(shí)地理關(guān)系，更多是“廣州元素拼貼”，不能當(dāng)路線規(guī)劃或真實(shí)地圖看；然后就是中文還是很多亂碼問(wèn)題，細(xì)節(jié)圖里缺少中文的情況也很多，從這張西關(guān)大屋介紹的圖就很明顯了。

（圖源：雷科技制圖）

接著我們又讓 Flipbook 嘗試做一下 iPhone 17 Pro 的產(chǎn)品拆解圖，這次它更是大翻車(chē)。最明顯的問(wèn)題，相信大家也看出來(lái)了，這根本不是 iPhone 17 Pro 的外觀造型，更像是 iPhone 16 Pro 的。

（圖源：雷科技制圖）

不僅是外觀放錯(cuò)圖，整個(gè)介紹里就沒(méi)幾處是對(duì)的信息點(diǎn)，比如鈦金屬，這個(gè)材料在這一代的 Pro 上已經(jīng)被取消了；無(wú)縫動(dòng)態(tài)島，這似乎也不是蘋(píng)果官方承認(rèn)的說(shuō)法；散熱結(jié)構(gòu)的標(biāo)識(shí)也是錯(cuò)誤的。但點(diǎn)擊A19 Pro 芯片，F(xiàn)lipbook 拆解的信息又算是比較合理。

（圖源：雷科技制圖）

Flipbook 目前體驗(yàn)下來(lái)的感覺(jué)就是，它很符合介紹里說(shuō)的「無(wú)限瀏覽」的概念，你可以不斷地放大探索一張地圖、一個(gè)產(chǎn)品的某處細(xì)節(jié)，F(xiàn)lipbook 也會(huì)根據(jù)搜索的信息與 AI 生成技術(shù)實(shí)時(shí)描繪出盡可能符合理想狀態(tài)的畫(huà)面。

技術(shù)上，它的圖像生成部分直接調(diào)用 AI 圖像模型實(shí)時(shí)生成每一幀，而在視頻動(dòng)畫(huà)模式則調(diào)用以色列公司 Lightricks 開(kāi)源的 LTX Studio 視頻生成模型，優(yōu)化到可以通過(guò) WebSocket 以 1080p 24fps 的速度直接流式傳輸?shù)接脩羝聊唬缓蠛蠖伺茉?Modal Labs 的無(wú)服務(wù)器 GPU 上。不過(guò)，目前的問(wèn)題就是，生成速度非常慢，每點(diǎn)擊一處細(xì)節(jié)，至少需要等待 1-2 分鐘。

而且，由于 Flipbook 是實(shí)打?qū)嵉丶磿r(shí)生成，所以出現(xiàn)錯(cuò)誤的概率不小。比如我們?cè)谔剿黢R德里 Parque del Retiro 公園時(shí)，它就直接忽略了最知名的墮落天使雕塑，指針明明點(diǎn)擊的是符號(hào)「8」，它卻跑去生成符號(hào)「7」的地標(biāo)詳情了。

（圖源：雷科技制圖）

只能說(shuō)，F(xiàn)lipbook 的確展現(xiàn)了 AI 在 UI 交互上的一個(gè)小巧思，目前的娛樂(lè)性也還不錯(cuò)，但要想拿來(lái)干活，還是差點(diǎn)意思。

Flipbook 要干掉 UI 設(shè)計(jì)？話別說(shuō)太早

單看 Flipbook 本身的能力，的確是與我們預(yù)想中能徹底干掉 UI 設(shè)計(jì)師有非常遙遠(yuǎn)的距離，但它的方向，也確實(shí)是整個(gè)行業(yè)都非常看好的。

我們今天在手機(jī)、電腦，或者任何終端上用的 App，實(shí)際上背后的邏輯都是一樣的，由開(kāi)發(fā)者去預(yù)想用戶需要什么功能，用戶在那套固定的界面里完成操作。這其實(shí)是一場(chǎng)「豪賭」，開(kāi)發(fā)者要賭用戶喜歡怎么樣的操作界面。然而我們還是會(huì)看到各個(gè)國(guó)民級(jí) App 因?yàn)楦牧四硞€(gè)設(shè)計(jì)而被罵上熱搜。

Flipbook 代表的是完全相反的方向，不是設(shè)計(jì)師去預(yù)想用戶需要什么操作，而是 AI 根據(jù)你當(dāng)下的需求，實(shí)時(shí)生成。比如你正在計(jì)劃旅游，你想要細(xì)致地了解每個(gè)景點(diǎn)有啥文化背景歷史；或者你想研究芯片的構(gòu)成，每一層代表什么能力等等，它都能拆解開(kāi)來(lái)，按照你的想法提供內(nèi)容。

（圖源：雷科技制圖）

這件事情并不是Flipbook 這一個(gè)項(xiàng)目組在研究，今年AI 學(xué)術(shù)界提出了一個(gè)新的概念「Neural Computer」，核心思路就是把屏幕幀的生成、用戶行為的響應(yīng)、內(nèi)存管理全部統(tǒng)一到一個(gè)視頻模型里，讓整個(gè)「操作系統(tǒng)」變成一個(gè)不斷滾動(dòng)的神經(jīng)網(wǎng)絡(luò)預(yù)測(cè)。Flipbook 的開(kāi)發(fā)者 Shah 也承認(rèn)，這就是他們想要達(dá)到的目標(biāo)。

但就目前來(lái)說(shuō)，F(xiàn)lipbook 整體還是比較初級(jí)的階段，它單純就是用圖像模型加視頻模型拼起來(lái)的方案，Shah 在接受采訪時(shí)透露，因?yàn)槟壳跋胍?xùn)練完全符合Flipbook 需求的數(shù)據(jù)樣本幾乎不存在，所以直接暴力地量?jī)煞N模型「拼接」起來(lái)用。

我們有理由相信Flipbook 這個(gè)雛形是非常有潛力的，且在不久的將來(lái)能夠帶來(lái)一些新的模式，畢竟其背后的開(kāi)發(fā)組成員陣容足夠豪華，比如Shah 就是前 OpenAI 研究員，做過(guò) AI 和機(jī)器人研究，還有來(lái)自 Humane 和前蘋(píng)果工程師。

（圖源：Flipbook）

當(dāng)然，F(xiàn)lipbook 的選擇倒也不是這個(gè)方向的唯一答案。就在 Flipbook 引爆討論的同一周，國(guó)內(nèi) AI 辦公公司像素綻放 PixelBloom 宣布完成 C 輪融資，方向是繼續(xù)把 AiPPT 這套「生成 PPT」的能力做深，進(jìn)化成一個(gè)可以自主拆解任務(wù)、交付完整營(yíng)銷(xiāo)方案的 AI Agent。它做的事，本質(zhì)上是在現(xiàn)有 UI 框架里把 AI 能力做得更強(qiáng)，讓生成和決策的部分被 AI 接管。

（圖源：像素綻放）

要說(shuō)到它們的共同點(diǎn)，自然就是「干掉 UI 設(shè)計(jì)」。只不過(guò)呢，像素綻放的邏輯是，UI 在相當(dāng)長(zhǎng)的時(shí)間內(nèi)依然必要，但我們能幫你更快地做好這件事；Flipbook 的邏輯是，UI 本身就是多余的，按需生成才是終點(diǎn)。前者今天有 3000 萬(wàn)用戶，有收入、也有融資，商業(yè)模式已成雛形；后者是一個(gè)三人團(tuán)隊(duì)搭起來(lái)的小團(tuán)隊(duì)，何時(shí)能夠讓普通消費(fèi)者用上更實(shí)用的版本，還是未知數(shù)。

我們距離丟掉 UI 還有多遠(yuǎn)？

就像 Shah 說(shuō)的，目前針對(duì)這個(gè)方向的 AI 工具成品，可能就只有 Flipbook 這一款。但假如 Flipbook 就是這個(gè)賽道的起點(diǎn)，那么從實(shí)際體驗(yàn)下來(lái)，它的成長(zhǎng)空間還挺大的。

從技術(shù)角度，F(xiàn)lipbook至少有三道坎還需要努力。首先是速度，生成速度不達(dá)到毫秒級(jí)，用戶根本不會(huì)買(mǎi)賬，今天的 Flipbook 已經(jīng)在展示效果有多慢了；第二是準(zhǔn)確性，AI 幻覺(jué)讓很多細(xì)節(jié)都出現(xiàn)漏洞，如果想要投入到工作中，這部分是必須解決的；第三是狀態(tài)性，今天的 Flipbook 沒(méi)有「記憶」，每次點(diǎn)擊都是一次全新生成，要做到真正有用的應(yīng)用場(chǎng)景，狀態(tài)管理還得加強(qiáng)。

順帶一提，F(xiàn)lipbook 目前的所有結(jié)果都是基于「一次生成」的延伸，意思就是，你最開(kāi)始給的提示詞，就已經(jīng)形成了大概的結(jié)果，你無(wú)法重新修改基礎(chǔ)提示詞，除非把整個(gè)任務(wù)關(guān)掉，重新再來(lái)。

（圖源：雷科技制圖）

所以說(shuō)，F(xiàn)lipbook 所展現(xiàn)的的確是一個(gè)很好的方向，至少它的交互、設(shè)計(jì)美感都很在線，我們也可以拿來(lái)做幼兒的教育工具，比如帶學(xué)齡兒童了解一些建筑的歷史，這些知識(shí)它不太會(huì)出錯(cuò)。但你想用 Flipbook 做份旅游攻略、做個(gè) PPT 的插畫(huà)，或者真正投入到教學(xué)階段的演示工具，那可能是沒(méi)有辦法的。

當(dāng)然，我們也很期待這個(gè)三人組團(tuán)隊(duì)能夠繼續(xù)打磨下一代產(chǎn)品，讓「早日干掉 UI」、「人人都是自己的產(chǎn)品經(jīng)理」這個(gè)偉大愿景能提上日程。