墨刀AI怎麼用：新手做AI原型設計的入門教程

墨刀AI怎麼用：新手做AI原型設計的入門教程

墨刀AI是墨刀裡的智慧設計助手，我通常把它當成“先幫我搭出第一版，再由我把關”的原型搭檔：我用文字描述頁面和功能，它可以協助生成原型，也能根據反饋繼續調整。它適合快速驗證想法，不代表生成結果可以不檢查就直接交付。想試試的話，可以從這個入口進入：modao.cgref.cn。

第一步：註冊和建立第一個原型專案

我會先開啟入口，按頁面提示登入或註冊，再新建一個原型專案。第一次練習別急著做完整產品，我建議選一個熟悉的小場景，比如“活動報名頁”或“個人記賬首頁”。範圍小，生成效果更容易判斷。

建立專案時，我會先想清楚要做手機端還是網頁端，再給專案起個一眼能認出來的名字。好做法是把練習目標寫具體，例如“做一個手機端的活動報名流程”；不太有效的做法是直接開一個“新產品”專案，做到一半才發現自己還沒想好使用者和場景。

我第一次上手時，光顧著點生成，沒先定頁面用途，結果做出來的內容看著像個頁面，流程卻接不上。後來我先寫下“誰來用、想完成什麼、需要哪些頁面”，再開始操作，返工少了很多。

第二步：用自然語言生成頁面

進入AI生成入口後，我會把需求寫成一段清楚的說明。別隻說“做個好看的商城”，這句話太寬，AI很難知道商品型別、頁面重點和使用者下一步要做什麼。

我更常用這樣的寫法：“為社群生鮮小程式設計首頁，面向附近居民。頂部展示搜尋框和配送地址，中間放分類入口與今日特價商品卡片，底部有首頁、分類、訂單、我的導航。整體清爽易讀，突出商品價格和加入購物車按鈕。”

如果需要多個頁面，我會把頁面和跳轉關係也寫進去，比如“點選商品卡片進入商品詳情，點選購物車按鈕出現加入成功反饋”。先講結構，再講視覺風格，通常比堆“高階、簡約、科技感”這類形容詞更有用。生成後，我會檢查頁面層級、文案和按鈕是否符合真實業務，再用補充指令逐步修改。

我踩過的一個坑

我第一次用的時候踩了個坑：提示詞寫得像一句廣告語，只說“做一個有質感的健身App”，結果生成的介面挺漂亮，卻漏了課程預約和訓練記錄這些關鍵功能。我後來改成先列使用者任務，再逐頁描述內容，效果才開始貼近需求。

還有個容易忽略的點：一口氣要求首頁、詳情、支付、個人中心，還同時塞進顏色、字型、動效，修改起來很難判斷是哪條指令起作用。相比之下，我更願意先生成核心頁面，確認方向後再補頁面和互動。好做法是一次改一個重點；沒用的做法是每輪都換一套整體風格，最後頁面反而不統一。

生成結果也不是產品方案的替代品。我會檢查空狀態、錯誤提示和關鍵流程，尤其是登入、提交、支付等動作；AI沒補出來的業務細節，我會自己補充或手動調整。

第三步：預覽和分享原型

頁面調整好後，我會先進入預覽，像真實使用者一樣點一遍：入口能不能到目標頁面，返回路徑順不順，按鈕有沒有反饋。只看靜態頁面很容易漏問題。遇到跳轉不合理，我會回到編輯介面修正，再重新預覽。

準備評審時，我會用專案裡的分享或預覽功能生成可訪問的連結，並先確認分享權限和可見範圍，再發給同事或朋友。分享前最好附上一句測試任務，比如“請試著找到週末課程並完成預約”，這樣收到的反饋會比“你覺得怎麼樣”具體得多。

我通常把第一版當討論稿：先確認結構和流程，再繼續打磨視覺與文案。AI幫我省下的是從空白起步的時間，真正讓原型能溝通、能驗證的，還是我對需求的判斷和一輪輪檢查。