Motionsites
Motionsites · 圖片 · 程式設計
Motionsites 是一個 AI 設計平台，立基於一個簡單的想法：與其從零開始設計著陸頁，不如直接複製現成的提示詞，貼進 AI 建置工具裡。這個提示詞庫塞滿了英雄區塊範本、完整的著陸頁、SaaS 頁面、作品集、電商版型與動態背景，而這些 AI 網站建置工具提示詞能接上 Lovable、Bolt、Cursor 與 Claude 等工具。如果你替客戶做網站，或要推出自己的專案，它是一條跳過空白畫布階段的捷徑。
關於 Motionsites
Motionsites 是什麼
Motionsites 賣的是提示詞，不是拖放式編輯器。提示詞庫裡的每一筆，都是一組用心寫成的指令，描述特定的版面、動效風格與視覺氛圍，你把它交給 AI 網站建置工具，讓它產出實際頁面。價值就在這些提示詞裡蘊含的設計品味。複製、貼上、上線，整個循環就是這樣。多數人講得出自己想要什麼，卻很難把「帶漂浮玻璃卡片的 3D 英雄區塊，加上柔和視差」翻成 AI 建置工具聽得懂的句子。這個落差，就是產品要填補的地方。
它的目標客群是自由工作者、代理商、獨立創辦人與創作者，這些人需要快速做出精緻的網站，又不想從零畫線框稿。提示詞庫明顯偏重帶動效、以動態為主的設計，這種設計平常得靠一位設計師加上大量前端微調才做得出來。新提示詞每天上架，目錄涵蓋作品集、SaaS、代理商、金融科技、旅遊、健康與電商等分類。
老實說，限制值得先講清楚。你要用任何提示詞，都得另外準備一個 AI 建置工具，所以 Motionsites 本身從來不是完整的工作流程。產出品質仍取決於你貼進哪個建置工具，以及你之後客製了多少。所以它是網站建置工具嗎？不是。它是提示詞庫。而且收費模式是訂閱制，不是免費，入門方案還設有合理使用上限。
開始使用
- 建立 Motionsites 帳號並挑選方案，或先逛公開展示區，看看有哪些設計風格。
- 依分類篩選提示詞庫，例如英雄區塊、著陸頁、SaaS 或作品集，並預覽動效。
- 複製你喜歡的設計提示詞。
- 把提示詞貼進 Lovable、Bolt、Cursor、Claude、v0 或 Replit 等 AI 建置工具。
- 用你自己的文案、品牌色與圖片客製產出的頁面，然後發佈。
產品資訊
快速了解 Motionsites 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 自由接案的網頁設計師：當你需要在短時間內替客戶做出搶眼的著陸頁，而難題在設計語彙而非實作時，特別好用。
- 代理商與小型工作室：可當起步用的提示詞庫，讓多個專案共享一致的現代感，前提是合理使用上限符合你的案量。
- 獨立創辦人與單人創作者：當你要推出自家產品頁，希望它看起來像設計過、而不是套版時，很合適。
任務
- 打造動態英雄區塊：提示詞描述了動態、景深與 3D 風格效果，這些手工寫程式很磨人。
- 組裝完整著陸頁：有些提示詞不只涵蓋單一區塊，而是整頁結構。
- 製作 SaaS 與作品集頁面：這兩個分類都有專屬提示詞，不必硬改不相關的版型。
- 加上動態背景：另有背景專區，涵蓋可墊在內容後方的循環動效。
情境
- 時程緊迫的專案：明天就要跟客戶開會時，複製提示詞遠勝盯著空白畫布。
- 早期的設計探索：把幾個提示詞丟進 AI 建置工具跑一遍，是快速比較方向、再決定走哪條路的方法。
- 客戶提案與情緒板：你可以直接生成能用的視覺來表達意圖，不用光靠文字描述。
主要功能
AI 網站提示詞庫
核心產品是一個可瀏覽的提示詞庫，依分類整理，從英雄區塊、著陸頁到代理商、作品集、金融科技與創意類都有。每個設計都附預覽，讓你複製前先判斷外觀。接著你把提示詞貼進自己的 AI 建置工具。提示詞庫是值得訂閱的理由，而且每天都有新內容上架。
以動態為主的設計提示詞
目錄大多圍繞動畫與 3D 風格效果，漂浮卡片、粒子場、視差層，諸如此類。手工寫出這類動態，意味著要花好幾個小時調時間曲線與變換。提示詞把它壓縮成建置工具能執行的描述，省時的效果就體現在這裡。
動態背景
專屬的背景系列提供循環動效，可放在英雄區塊、某一區塊或整頁之後。跟主提示詞庫相比，它算小加值，卻解決了一個具體且反覆出現的問題：動態頁面背後放一塊靜態漸層，看起來就是少了點什麼。
建置工具相容性
Motionsites 沒有綁死單一工具。這些提示詞寫成可搭配 Lovable、Bolt、Cursor、Claude、v0 與 Replit 等工具。如果你已經有慣用的建置工具，或團隊統一使用特定技術組合，這種可攜性就很重要。你保留原本的工作流程，只是換個更好的起點。
Motionsites MCP
較新的加入項目，Motionsites MCP 把提示詞庫接上支援 MCP 的環境，提示詞可直接拉進支援的 AI 工具，不必手動複製。如果你本來就在支援 MCP 的環境裡工作，它幫你省掉一個步驟。
範本、應用與區塊
除了原始提示詞，平台也把內容分成範本、應用與區塊，其中包含一批 Lovable 範本。如果你想要比單一英雄區塊提示詞更完整的起點，或偏好挑一個區塊塞進現有頁面、而不是整頁重做，這就很實用。
優缺點
優點
- 提示詞以設計為導向，最難的部分，也就是做出精緻的動態版型，大致上已經幫你處理好了。
- 在 Lovable、Bolt、Cursor、Claude 等建置工具上都能用，不會把你綁在單一工具上。
- 分類涵蓋廣，作品集、SaaS、代理商與電商需求都能從同一個提示詞庫滿足。
- 每天上架新設計，目錄持續擴充，不會放到過時。
- 提供終身方案，給偏好一次付清、不想一直訂閱的人。
缺點
- 你仍然需要另一個 AI 網站建置工具，所以光靠 Motionsites 生不出完成品。
- 沒有免費方案，入門方案每天限複製三個提示詞，用量大的人會受限。
- 成果取決於你貼進哪個建置工具，品質不保證與每個預覽一致。
常見問題
它賣提示詞與提示詞庫，用來搭配 AI 建置網站。你瀏覽設計、複製它的提示詞，貼進 AI 網站建置工具，工具就會生成頁面。它是設計起點，不是主機或網站建置平台。
相關內容
探索與 Motionsites 相關的工具、技能與文章。
Motionsites 替代方案
X Ray Interpreter
X-ray Interpreter · 圖片X Ray Interpreter 是一款以網頁為基礎的 AI 放射科工具，能把 X 光、電腦斷層、磁振造影、超音波與 PET 影像變成白話報告。你上傳一張掃描影像，片刻之間就得到初步的 X 光判讀結果，之後若有需要解釋的地方，還能繼續追問。它的定位是第二意見與學習輔助，而非醫療診斷。
Aieasypic
AIEasyPic · 圖片AIEasyPic 是一款 AI 圖片生成器，能在幾秒內把單純的文字提示變成完成的藝術作品。你也可以用自己照片訓練自訂模型、在現有圖片中替換臉部，並從文字建立短影片片段，全部都能在瀏覽器中完成。它適合想要快速視覺素材的休閒創作者，也適合想打造個人模型、又不想碰任何程式的業餘玩家。
Chargen
Chargen · 圖片Chargen 是一款 AI 角色生成器與世界觀建構工具，專為《龍與地下城》與其他桌上角色扮演遊戲打造。它能將一句構想變成手繪風格的肖像，在同一場工作階段中生出 NPC、怪物、地圖與遭遇，並把每隻生物的細節放在手邊。桌上角色扮演美術這部分靠一套名為 Gold 的點數系統運作，而文字生成器則對所有人保持免費。