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