Replit 上線 Design Mode：接入 Gemini 3，兩分鐘搞定高顏值原型

以前想把腦子裡的一個想法變成網頁，過程往往很彆扭：先去畫圖工具裡拖拽半天，再把稿子扔給前端工程師切圖，或者自己一邊查文件一邊跟 CSS 較勁。

線上開發平臺 Replit 最近推出了一個叫 Design Mode 的新功能，打算把這個斷層徹底抹平。這個工具由 Google 最新的 Gemini 3 模型驅動，號稱能在兩分鐘內把自然語言變成可互動的高保真原型或靜態網站。

兩分鐘出原型，專治各種難看的頁面

Replit 原本是程式設計師寫程式碼和部署全棧專案的地盤。但官方表示，很多使用者一直在提同一個訴求：希望有一種方式，能又快又好看地做出一個東西來。

這次上線的 Design Mode 就是為此設計的。使用者在首頁選擇該模式後，直接用自然語言向 Agent 提出需求，系統就會生成排版規整、帶有互動效果的介面。

按照 Replit 的說法，之所以選用 Gemini 3，是因為這個模型不僅能寫程式碼，還懂排版、配色、字型搭配以及視覺層級。

官方明確指出了兩大使用場景。第一是作為原型設計工具，直接對標 Claude Artifacts 和 Magic Patterns，幾分鐘內生成可點選的高保真原型，不需要找工程師手動交接；第二是製作落地頁或個人主頁等靜態網站，生成與部署速度比平時快 5 倍，可以直接繫結獨立域名上線，成了 Wix 和 Squarespace 的直接替代品。

從純前端草圖到全棧程式碼：一鍵打通

這個功能最巧妙的地方，在於它處理功能與介面的方式。

在 Design Mode 下，生成的所有東西預設都只是純前端視覺展示。如果你要求加入登入框、購物車或表單，Agent 會把這些元件畫得很逼真，但背後並沒有真實邏輯在運轉。

一旦視覺效果調整滿意，使用者只需點選一個叫「Convert to App」的按鈕。系統會把這個靜態原型一鍵轉成完整的 Replit 全棧應用，你可以接著在這個工作區里加資料庫、寫後端介面，全程不用在幾個軟體之間來回倒騰資料。

據負責該專案的 Vaibhav Kumar 和前端工程師 Stanley Huang 透露，團隊為了這個功能重構了 Replit Agent 初始化構建的底層架構，並重寫了使用者資料與 AI 服務之間的通訊管道。

為什麼重要

我們認為，Replit 這一步走得相當精準，它踩中的正是現代軟體開發裡最讓人頭疼的「設計交接」環節。

對於獨立開發者和非技術背景的創業者來說，它的實用價值非常明確。以前做個 MVP 往往要先學 Figma，再找前端模板拼湊；現在只要有一段清晰的描述，兩分鐘就能掏出一個能點、能看、能直接發給投資人或使用者的動態原型，驗證想法的門檻被拉到了極低。

放在整個行業來看，Replit 實際上打出了一記組合拳。它一邊截流了 Claude Artifacts 和 v0 這種純原型展示工具的流量，另一邊又在蠶食 Wix 這類傳統建站平臺的生存空間。它的殺手鐧在於原生自帶的執行環境：從畫草圖、改排版到部署上線，整個生命週期都在同一個平臺內流轉，沒有中間環節的損耗。

不過，這個方案目前看起來也存在潛在的隱患。一鍵轉成全棧應用之後，Gemini 3 生成的程式碼質量究竟如何，直接決定了它能不能真正用於生產環境。如果轉換出來的程式碼結構混亂、難以二次維護，那到頭來工程師還是得推倒重寫。但就快速驗證和搭建獨立主頁而言，它已經非常值得現在去上手試一試了。