產品發布頁
在上線前測試標題、優惠資訊和註冊表單。
AI 網站樣稿生成器
描述一個網站，或附上一張草圖。Manus 會把它變成可點擊的高保真網站樣稿，適配桌面端和移動端。
網站模型示例：一份需求，兩個畫面
一份好的需求要說明品牌、板塊、風格和頁面。下面這份就涵蓋了全部四點。
一個虛構品牌的示例設計。你的樣稿按你自己的需求來生成。
網站模型生成器嘅輸入方式：一句話、一張草圖或一張截圖
使用你已有嘅素材。透過上面方框中嘅 + 按鈕添加圖片。
已經在 Figma 中完成設計了？使用 Figma to code 將畫框轉換成可運行的網頁應用程式。
網站、商店和應用程式的樣稿創意
選擇一個示例將其要求填入上方的框中，然後再修改細節。
在線商店
在選擇平台之前先查看主頁、產品頁和購物車。
網頁應用介面
向投資人或工程師展示主要介面應該是什麼樣子。
作品集
在撰寫每個案例研究之前，先嘗試幾種展示作品的方式。
餐廳和本地商家
把菜單、營業時間和預訂按鈕放在客人最先看到的位置。
客戶提案
帶着兩個設計方向去參加第一次客戶會議。
線框圖 vs 樣稿 vs 原型
線框圖展示結構，樣稿展示最終外觀，原型展示互動行為。
在手提電腦和手機上展示你的網站
把截圖做成設備樣機圖，用於幻燈片、作品集和發佈帖子。
附上一張截圖並說明你想要的裝置和場景。你會得到一個用於演示文件、作品集或發佈帖子的圖片檔案。
- 選擇裝置：手提電腦、桌面顯示器、平板或手機
- 描述場景：一張桌子、一個純色的工作室背景或一隻手
- 指定尺寸，例如幻燈片用 16:9，社交媒體帖子用 4:5
還需要配套的 Logo、橫額或社交圖像嗎？試試 AI 設計。
將審核通過的樣稿轉變為上線網站
樣稿本身就係一個網頁，所以設計確認之後你可以直接繼續構建佳。
了解 Manus 網站建構器如何添加登入、資料庫和支付功能，或用 AI 網站生成器建立一個完整網站，或用著陸頁建構器建立單頁網站。
常見問題解答
咩係網站模型？
網站樣稿是頁面構建前的真實呈現：真實的佈局、顏色、字體、圖片和文案。它介於只展示結構的線框圖和最終成品網站之間。
如何用 AI 製作網站樣稿？
在本頁頂部的框中描述頁面：它面向誰、你需要哪些板塊、你喜歡的風格。Manus 會將樣稿構建為一個可在桌面和手機上打開的網頁，然後你可以在同一個任務中要求修改。
這個網站草稿生成器免費嗎？
每次請求都會作為一個 Manus 任務運行，任務會消耗積分。你可以在價格頁面查看積分選項。
我可以把草圖或截圖變成樣稿嗎？
可以。上傳手繪草圖、白板或目前網站截圖的照片，並說明需要保留和更改的內容。Manus 會將該圖片用作初始版面。
樣稿能在手機上正常顯示嗎？
要求生成響應式頁面，Manus 會同時為桌面端和手機端排版。在手機上打開預覽，或者要求生成單獨的手機版樣稿以便比較兩者。
線框圖和樣稿有什麼區別？
線框圖用方框和灰色佔位塊來確定結構。樣稿加上了視覺設計，讓人能判斷頁面的真實外觀。原型則更進一步，讓人可以點擊體驗整個流程。
我可以編輯樣稿並保留程式碼嗎？
可以。可以在任務中要求更改，或使用設計編輯模式無需程式碼即可調整版面、顏色、字體和間距。你可以隨時下載完整程式碼，或繼續將頁面構建為上線網站。
我可以為我的網站製作裝置樣機圖嗎？
可以。上傳你網站的截圖，並說明希望在筆記型電腦、手機或平板電腦的哪種場景中展示。Manus 會生成圖片供你下載。
製作你的下一個網站樣稿
描述頁面或附上一張草圖，並在桌面和手機上查看效果。