Relume
用 AI 生成網站結構與 wireframe 的設計工具。
Relume 針對網站設計的最前段——資訊架構與線框圖——用 AI 加速。你描述網站的目的,它先幫你生成 sitemap(網站有哪些頁、怎麼分層),再依此產出各頁的 wireframe(線框草圖),把「一張白紙不知從哪開始」變成「有個結構可以往下改」。
它最實用的是龐大的元件庫,以及能匯出到 Webflow 與 Figma:在 Relume 排好架構,直接帶進你熟悉的設計或建站工具接著做,不用重畫。這條「AI 出架構→匯出到專業工具精修」的流程,是它跟一般 AI 建站工具的差別——它服務的是設計流程的一環,不是要一鍵生出成品站。
有免費方案,完整元件與進階功能需付費。適合網頁設計師、UX 與接案團隊,尤其已經在用 Webflow 或 Figma 的人。純粹想要一鍵生一個上線網站、不碰設計流程的個人,它會比你需要的更專業一點。
TheAI學院 編輯建議
編輯實測後的真心話做網站想快速生出結構與 wireframe，Relume 對設計師超有幫助。我們給 4.4 分。
主要功能
- AI 生成 sitemap
- AI wireframe
- 海量元件庫
- Webflow/Figma 匯出
如何使用 Relume
- 到 Relume 官網註冊登入，進入 Site Builder 開一個新專案並命名。
- 在 AI 生成框用一段話描述網站，例如「台灣在地咖啡烘焙工作室的形象官網」，語言可用中文描述。
- 按生成後先檢視自動產生的 Sitemap，用拖拉方式增刪頁面或調整層級順序，確定資訊架構。
- 確認架構後點生成 Wireframe，Relume 會依每頁自動組出區塊式線框，逐頁瀏覽整體版面。
- 打開元件庫替換不合適的區塊，從數百個 Hero、定價、FAQ 模板中挑選並拖入頁面。
- 編輯各區塊的佔位文字與圖片，把英文範例文案改成實際的繁中內容。
- 完成後用右上角匯出到 Webflow，或複製元件貼進 Figma 接續視覺設計與開發。
- 免費方案有生成次數限制，需要無限 sitemap 與 wireframe 時再依官方方案升級。
適用場景
- 網站規劃
- wireframe 設計
- Webflow 開發
Relume 的優點與缺點
優點
- 加速網站規劃
- 元件庫豐富
缺點
- 偏專業設計流程
- 進階需付費
Relume 常見問題
Relume 適合誰？
網頁設計師與 Webflow 開發者。
使用者評價
還沒有足夠評價，搶先分享你的使用心得！
寫下你的評價
Relume 的替代方案
查看相似的 AI 工具 →相關 AI 工具
猜你也想看的AI 商品視覺生成
Relume 評測：值得用嗎？
Relume 實測評測
Relume 是給網頁設計師、接案者用的 AI 工具,你輸入一段對公司或產品的描述,它先幫你生出整個網站的 sitemap(網站架構圖),確認後再一鍵把每個頁面變成 wireframe——用真實的元件排好版、還自動填上文案。它最對味的場景是設計師接到案子、要在提案前快速生出網站骨架跟結構,省掉從零拉版面的時間。會用的人多半也是 Webflow 生態圈的玩家,因為它跟 Webflow 串得最深。
優點:從 sitemap 到 wireframe 的工作流非常順,生出來的不是糊圖而是可編輯的真實元件,改起來很快。它的元件庫龐大、品質整齊,文案引擎在 1.5 版改用 Anthropic 的 Claude 重寫後,整頁文案的連貫性跟相關度明顯提升,不再是各區塊各寫各的。對 Webflow 使用者來說,直接匯出接續開發省超多時間。
缺點:它的最大價值綁在 Webflow 上,你若用 WordPress、Framer 或純手刻,能拿走的主要是結構與文案靈感,落地還是得自己搬。免費方案 sitemap 一個月只給 3 次、專案數限 1 個,實際工作量一定得升級,Starter 月費 26 美元起、按成員計費,團隊成本會疊上去。AI 生的版面偏「標準 SaaS 模板感」,要做出有設計記憶點的東西還是得人工大改。
適合誰:Webflow 設計師、需要快速產出網站架構提案的接案者與小型工作室。不適合:追求高度客製視覺、不在 Webflow 生態裡的開發者。
替代方案:純做視覺與行銷素材可搭 Canva,要快速生簡報式提案頁面則看 Gamma;同類工具還有 Relume 之外的選擇。
台灣觀點:接案者拿它壓縮提案前置時間很實在,但客戶要的「獨特感」這段,AI 幫不了你,還是得靠人。
本評測由 TheAI學院編輯群整理，內容力求客觀、含優缺點，僅供參考。
最後更新：2026年9月