用 AI 做網站，最常卡住的不是「哪個工具能寫程式」，而是腦中只有一句「幫我做得好看一點」。結果首頁長得像大家都看過的 SaaS 範本，版型有了，品牌個性和轉換目的卻不見了。MotionSites AI 想解決的，就是找設計方向和寫出具體提示詞這一段。
它是一個 AI 網站設計提示詞圖庫，展示 Landing Page、Hero 主視覺、Pricing、Features、Footer、CTA 等版型靈感。你可以先從案例挑喜歡的視覺方向，再把提示詞交給自己正在使用的 AI 編碼或網站生成工具繼續做。簡單說，它不是網站主機，也不是按一下就替你完成整站的建站平台，比較像一個可以搜尋、取用設計提示詞的素材庫。
MotionSites AI 可以做什麼？
進入 MotionSites AI 後，可以瀏覽不同網站與區塊案例，首頁有 All、Popular、Apps、Sections 等分類。案例涵蓋 Landing Page、Hero、Footer、Pricing 和 CTA 等，適合還沒決定版型、或不想每次都從空白對話框開始的人。
比較實際的用法，是把它當成「設計 brief 的起點」：先看範例怎麼安排視覺層級、配色、版面和動態，再把提示詞改成符合你的品牌、客群和服務內容。不要只把原提示詞整段貼上就期待它懂你的生意，品牌資料、目標客戶、主要行動按鈕和必要功能還是要自己交代清楚。
怎麼用提示詞開始做網站？
- 先找接近需求的案例，例如顧問服務的 Landing Page，或 SaaS 產品的功能區塊。
- 查看並複製提示詞，確認它描述的是你要的版型和視覺方向。
- 貼到你慣用的 AI 工具，並補上品牌定位、目標客群、文案、色彩、頁面區塊和 CTA。
- 先生成一個區塊或一頁初稿，再逐輪調整，不要一次要求 AI 把整個網站做完就直接上線。
- 檢查桌機與手機版、連結和表單，再確認程式碼能不能放進現有網站架構。
我會把它當作參考，不會把「提示詞有了」等同於網站設計完成。版面看起來漂亮，和能不能讓客戶看懂服務、建立信任、採取行動，是兩件事。若你是用 WordPress，也要想好最後要交付成 Elementor 頁面、區塊編輯器內容，還是獨立前端程式，否則 AI 做出來的 React 畫面未必能直接搬進目前的網站。
MotionSites MCP：讓 AI Agent 搜尋設計提示詞
MotionSites 還提供 MCP 連線方式。依照官方 MCP 說明，可連接 Claude、Cursor 和 Codex；完成設定後，可以直接請 AI Agent 從 MotionSites 的提示詞庫找設計方向，而不必每次自己在網站裡翻找。設定流程包含選擇 AI 工具、加入 MCP Server，接著登入 MotionSites 帳號並授權。
這裡要注意，MCP 是讓 AI 工具呼叫外部服務的連接方式，不是另一個網站生成器，也不會因此自動替你做好可上線的 WordPress 網站。官方目前說明免費帳號可開啟 3 個免費提示詞，付費方案才可使用完整 500 多個提示詞；實際可用內容與價格以官方方案頁當下資訊為準。安裝前也記得確認自己正在授權哪個帳號，以及 Agent 可以存取的服務範圍。
適合哪些人？使用前要留意什麼？
如果你正在做 Vibe Coding、接案製作網站，或想快速比較不同 Landing Page 風格，MotionSites 可以省下找參考和整理提示詞的時間。它也適合拿來和其他 AI 設計工具搭配；我之前整理過 Claude Design 與 Claude Code 的設計工作流，以及 Open Design 這類 Local-first AI 設計工作區，可以依你要「找現成提示詞」還是「自己管理設計工作區」來選。
不過，提示詞只能提供設計方向，不能代替需求訪談、內容策略和測試。生成結果可能需要修正文案、資訊順序、無障礙、手機排版與載入速度；要放進 WordPress 的話，還要檢查跟佈景主題、外掛和既有編輯流程是否相容。想用 AI 加快製作可以，但上線前該做的檢查一樣不能省。
常見問題 FAQ
MotionSites AI 是網站建置工具嗎？
不是。它主要提供網站設計案例與提示詞，讓你複製後交給 AI 編碼或網站生成工具使用；網站實際生成、部署與維護仍要透過其他工具和流程完成。
MotionSites AI 可以免費使用嗎？
官方 MCP 說明頁目前標示免費帳號可開啟 3 個免費提示詞，完整提示詞庫則需要付費方案。方案與免費額度可能調整，請以官方頁面最新說明為準。
MotionSites MCP 可以直接幫我改 WordPress 嗎？
MCP 的用途是讓 AI Agent 連接並查詢 MotionSites 提示詞，不等於取得 WordPress 後台權限，也不會自動完成頁面上架。若要操作 WordPress，還需要另外設定具備相應能力的工具和權限。
我的看法是，MotionSites 值得當成 AI 網站設計流程裡的靈感來源，特別是你已經在用 Codex、Claude 或其他 Agent 寫前端時；但最後讓網站有辨識度的，仍是你能不能把品牌、使用者需求和轉換目標說清楚。先拿它縮短「從零開始想版型」的時間，再由你把設計帶回真實的網站需求，這樣才是比較穩的用法。
