墨刀AI怎麼生成原型圖

墨刀AI生成原型圖的核心路徑是：根據手頭已有的材料選擇對應入口——只有需求描述就用文字生成，有截圖/草圖就用圖片轉原型，有大模型生成的HTML就用HTML轉原型，然後透過對話或手動編輯繼續最佳化。

🔍 第一步：選對生成入口

墨刀AI提供三條入口，根據手頭材料不同選擇，後續編輯成本會明顯不同。

• 只有需求描述 → 文字生成原型：直接輸入自然語言描述，AI自動生成多頁面初稿、頁面關係和可演示互動。
• 有截圖、草圖或競品頁面 → 圖片轉原型：AI識別圖片中的佈局關係和元件型別，生成可編輯頁面。
• 有大模型生成的多頁HTML → HTML轉原型：在墨刀工作區點選 HTML 转原型，貼上程式碼，AI解析後轉換為墨刀容器、文字、按鈕等元件，頁面間互動邏輯一併帶入編輯區。已有HTML時不要先截圖再識別，直接走HTML轉原型入口效率最高。

⚙️ 第二步：文字生成原型（最常用路徑）

1. 進入AI生成介面：登入墨刀官網（modao.cc），確保帳號已開通 AI原型 權限（新註冊使用者預設開通）。點選左上角 新建项目 → 選擇 AI生成原型 模板，進入對話式生成介面。
2. 輸入頁面描述：在輸入框中用中文清晰說明頁面型別、核心功能、關鍵元素和風格傾向。例如：“首頁，含頂部導航欄、輪播圖、3個帶圖示的服務卡片、底部聯絡表單，整體風格簡潔現代，主色是深藍+白。”避免“好看一點”“差不多就行”等模糊表述，AI無法解析主觀詞。
3. 確認功能文件：點選生成後，AI會先整理出一份詳細的介面設計功能文件，包含頁面佈局、元件清單、視覺規範和互動備註。逐欄核對，確認主模組順序和元件清單是否與你的描述一致，可直接在文件中修改補充。
4. 生成原型：確認文件後點選生成，等待約8～15秒，AI會輸出完整頁面（含基礎元件、層級關係、預設文案）及3種可選配色方案。所有元素均為可編輯的分層元件，不是靜態圖片。

✍️ 第三步：生成後的編輯最佳化

• 對話式修改：選中任意元件，在AI對話方塊中輸入修改描述（如“把餅圖改成環形圖”“給列表加下拉重新整理”），AI實時響應並重繪該元件。
• 手動拖拽編輯：匯入墨刀原型後轉為可編輯檔案，可手動拖拽元件元素、調整頁面佈局、設定互動效果。
• 補齊互動：AI生成的按鈕預設無互動，需雙擊進入 交互设置 新增跳轉或彈窗動作。
• 同步生成產品文件：墨刀AI可根據生成的原型自動輸出匹配的產品文件，包含頁面結構說明、功能模組列表、互動邏輯、按鈕行為、資料欄位定義等，方便團隊評審和開發對接。

💡 關鍵技巧：寫出好提示詞

墨刀AI的生成質量直接取決於提示詞。通常結構為 “產品主題 + 頁面描述”，也可只寫主題讓AI發揮。

• 明確角色與場景：寫“作為新使用者，在iPhone 14上首次開啟App時看到的註冊引導頁”，而不是“做一個註冊頁”。不寫清楚角色，AI可能預設生成管理員後臺的註冊入口。
• 用“當……時，顯示……，支援……操作”句式鎖定行為鏈：例如“當使用者在商品詳情頁點選‘立即購買’後，跳轉至收貨地址選擇頁，頂部顯示返回箭頭，列表支援編輯和設為預設，底部固定‘去結算’按鈕”。
• 顏色寫HEX值：寫“主操作按鈕使用 #007AFF”，而不是“藍色按鈕”。墨刀AI目前無法識別“科技感藍”這類主觀描述。
• 用否定式排除干擾項：例如“不顯示優惠券選擇區域，不出現積分抵扣開關”，這比正面描述更高效抑制多餘元素。
• 多頁面生成：在描述後新增“多頁面”關鍵詞，當前版本最多支援一次性同時輸出6個頁面，建議控制在2～3個效果最佳。注意“多頁面”是平鋪顯示，頁面間無法點選跳轉。
• 指定裝置型別：在提示詞里加 pc web 等關鍵詞，否則AI可能預設生成移動端介面。

⚠️ 成本與限制須知

• 積分消耗：新使用者預設獲得免費額度，生成一個簡單原型頁面約消耗100積分，使用高階模型或複雜任務消耗更多。積分有效期為30天，建議按月使用。
• 深度模式額外扣費：啟用“深度模式”會呼叫多輪推理與上下文校驗，每次生成額外疊加扣費，且無法在生成中途關閉，必須在點選“生成”前手動取消勾選。
• 平臺限制：墨刀AI原型生成功能目前不支援iOS App端，所有AI操作必須透過墨刀新版Web端（v7.8.0及以上）完成，需用瀏覽器訪問 modao.cc 並登入帳號後點選 AI原型 按鈕。
• 生成效果具有隨機性：AI生成無法完全杜絕bad case，效果不好可以直接點選重新生成按鈕，並不一定是提示詞的問題。

💎 核心原則

整個流程的關鍵在於：先根據手頭材料選對入口，用結構化提示詞快速生成初稿，再透過對話修改和手動編輯將通用原型打磨成符合業務需求的成品。如果完成上述步驟後仍覺得生成結果不夠精準，通常意味著提示詞缺少角色定位和裝置型別，或者沒有充分利用功能文件確認環節，可以優先從這兩點排查。