先看成果與準備資料
先選一個範圍小的網站，例如個人作品集、服務介紹或活動頁。準備名稱、介紹、圖片、聯絡方式，以及希望訪客完成的單一行動。
本篇目標是完成一份可以自行檢查與修改的初稿。先用一個小任務走完流程，再決定是否投入更多工具與預算。
推薦工具與選擇方式
先選一套能完成任務的組合。功能、介面、額度與費用依地區、帳號及方案而異；生成、進階素材或匯出可能需要付費，使用前請查看官方方案。
一步一步完成第一版
把想法寫成一頁需求
列出目的、受眾、頁面區塊與成功條件。以服務網站為例，先做介紹、案例與聯絡入口；會員、付款與後台可等核心需求確認後再加入。
先在 ChatGPT 整理架構與文字
請 AI 根據既有資料提出區塊順序，標註缺少哪些資訊。不要讓它自行填入地址、得獎紀錄或客戶評價。
在 Lovable 建立第一版
貼入整理好的需求與素材，描述風格、手機閱讀方式及聯絡流程。先要求完成一頁，再逐次調整一個問題，例如按鈕不明顯或服務說明太長。
用真實操作驗證，再發布
逐一點擊導覽、按鈕與表單；確認填寫資料之後會到哪裡。先用測試資料驗證，不要把外觀完整誤認為後端、寄信或付款已經接通。
可直接修改的提示詞
將方括號替換成自己的資料，再交給工具。先閱讀回覆、補齊缺少資訊，再開始生成。
請規劃一頁式[網站用途]，受眾是[對象]。訪客的主要行動是[聯絡／預約等]。使用我提供的文字與圖片，包含[區塊清單]，支援手機閱讀。缺少資料請標示待補，不要捏造案例或聯絡資訊。請先列出網站架構、每區目的，以及每個按鈕點擊後應發生什麼。
成果檢查與常見卡關
- 手機與桌機上是否能讀清楚文字，且沒有橫向溢出？
- 每個連結、表單送出與錯誤訊息是否實際有效？
- 是否公開了測試資料、個資或機密金鑰？
- 網站網址、標題、描述、內容維護與備份方式是否確認？
遇到不理想的結果，先指出一個具體問題再修改，例如「保留構圖，只縮短標題」或「保留原始數字，只整理層級」。一次改太多條件，反而不容易找出問題。
大漠水澤的設計觀點
AI 能幫助入門者更快看見原型，但網站仍需要明確的內容、流程與維護責任。從一條能順利完成的路徑開始，再擴大範圍。
官方工具與延伸閱讀
工具資訊查核：2026.10.17。本文為入門操作建議，範例提示詞可依自己的資料修改；未宣稱這些假設練習是已實測的客戶成果。