Relume

輸入 brief 就生成 sitemap、wireframe 到可上線網站,可託管發布或匯出 Figma、Webflow、React

免費或付費 4.4 / 5
一句話介紹:輸入 brief 就生成 sitemap、wireframe 到可上線網站,可託管發布或匯出 Figma、Webflow、React

Relume 的網域已經從 relume.io 換成 relume.ai,產品也比站上原本寫的「AI 生成 sitemap 和 wireframe」大了一圈。官網現在的標語是「Build a marketing site you'd actually publish」:丟一份 brief(可以附 PDF),它依序生成 sitemap、wireframe、style guide,最後是一個真的能上線的行銷網站。生成完有兩條路:Publish 讓你直接託管在 Relume 上,自訂網域和 SSL 它幫你處理;Export 則是把成果帶進 Figma、Webflow 或 React 自己接著做。

它跟一般 AI 建站工具最大的差別,是「組裝、不是生成」。官網說得很直白:AI 不寫原始程式碼,而是從設計師打造並持續維護的 1,000 多個元件裡挑選、組裝,所以響應式、無障礙、SEO/AEO 這些基本功是內建的;元件改進後,用到它的網站也會一起變好。Export 這邊,Webflow 輸出走 Client-First 命名、Figma 是帶變數與變體的 auto-layout、React 則用 Tailwind CSS 和 shadcn/ui;另外還有 Relume Library MCP,可以把元件庫接進 Cursor 這類 AI 編輯器使用。Publish 方案附網站分析、表單收件、robots.txt 與 JSON-LD 控制,付費方案還有策略、文案、設計、分析等專門 AI Agents。

功能特色與適用場景:Relume 是為網頁設計師與接案工作室設計的。台灣的具體用法:接案團隊接到診所、瑜伽教室、建案這類形象網站,先把客戶需求寫成 brief,十幾分鐘內拿出 sitemap 和 wireframe 跟客戶對齊頁面架構,省下好幾輪來回;已經用 Webflow 做網站的工作室,直接匯出乾淨的 class 不必整理;前端工程師用 React 匯出當起手架。Workspace 邀請編輯者不另收席位費,對小團隊算友善。

要注意的地方:元件與 AI 文案都以英文為主,做中文網站時版型可以用,但字體、行高和文案都要自己調,中文 SEO 也得自己顧。Publish 免費版只有 relume.live 子網域、每月 1,500 次瀏覽,還會掛 Relume 標章,正式上線要另付託管費。Export 免費版只有 30 個 Webflow 與 React 元件。費用以美元計,方案拆得細,下單前建議把兩種計價都看清楚。

TheAI學院 編輯建議

編輯實測後的真心話
4.4

Relume 原本是 Webflow 圈子裡的元件庫,現在直接往「brief 進、網站出」走,還做了託管。我欣賞它堅持用人做的元件組裝、不讓 AI 亂寫程式碼,這讓輸出比多數 AI 建站穩。只是中文網站還是得自己下功夫。

— theai 編輯團隊

主要功能

  • 從 brief 生成 sitemap、wireframe、style guide 到完整行銷網站
  • Publish:託管上線、自訂網域與 SSL、網站分析、表單、SEO/AEO 設定
  • Export:匯出 Figma(auto-layout+變數)、Webflow(Client-First)、React(Tailwind+shadcn/ui)
  • 1,000+ 由設計師維護的響應式元件,AI 負責挑選組裝
  • Relume Library MCP:把元件庫接進 AI 程式編輯器
  • 策略、文案、設計、分析等專門 AI Agents(付費方案)

如何使用 Relume

  1. 到 Relume 官網註冊登入,進入 Site Builder 開一個新專案並命名。
  2. 在 AI 生成框用一段話描述網站,例如「台灣在地咖啡烘焙工作室的形象官網」,語言可用中文描述。
  3. 按生成後先檢視自動產生的 Sitemap,用拖拉方式增刪頁面或調整層級順序,確定資訊架構。
  4. 確認架構後點生成 Wireframe,Relume 會依每頁自動組出區塊式線框,逐頁瀏覽整體版面。
  5. 打開元件庫替換不合適的區塊,從數百個 Hero、定價、FAQ 模板中挑選並拖入頁面。
  6. 編輯各區塊的佔位文字與圖片,把英文範例文案改成實際的繁中內容。
  7. 完成後用右上角匯出到 Webflow,或複製元件貼進 Figma 接續視覺設計與開發。
  8. 免費方案有生成次數限制,需要無限 sitemap 與 wireframe 時再依官方方案升級。

適用場景

  • 接案工作室用 brief 快速產出 sitemap 與 wireframe 給客戶確認
  • Webflow 設計師直接匯出 Client-First 結構接著開發
  • 前端工程師用 React 匯出當形象網站起手架
  • 小型商家把形象網站直接託管在 Relume 並接自訂網域
  • 設計師在 Cursor 等 AI 編輯器透過 MCP 呼叫 Relume 元件

Relume 的優點與缺點

優點

  • 先產出 sitemap 與 wireframe,特別適合跟客戶對齊網站架構
  • 元件是人工設計並持續維護,輸出品質比純 AI 生成穩定
  • 可託管也可匯出,不被單一平台綁住

缺點

  • 元件與 AI 文案以英文為主,中文網站要自己調字體與文案
  • Publish 與 Export 兩套計價、託管另計,總費用需要仔細估算
  • 免費版元件與流量限制明顯,正式案子幾乎都要付費

價格方案

Publish:Free(月 1,500 瀏覽、relume.live 子網域)、Pro 每月 14 美元起,自訂網域託管每專案每月 12 美元起;Export(Site Builder):Free、Starter 每月 18 美元起、Pro 每月 40 美元起、Team 每人每月 36 美元起(至少 3 人);Enterprise 洽詢。以官網為準

Relume 常見問題

Relume 和 relume.io 是同一個嗎?

是同一家。官網現在用 relume.ai,舊的 relume.io 會轉過去。產品也從原本的 sitemap/wireframe 工具,擴充成可以直接託管上線的 Publish,以及匯出到 Figma、Webflow、React 的 Export 兩條路線。

可以免費用嗎?

可以。Publish 的 Free 方案能生成完整網站並發布到 relume.live 子網域,每月 1,500 次瀏覽、會顯示 Relume 標章;Export 的 Free 方案可匯出到 Figma,但 Webflow 與 React 元件只有 30 個。要自訂網域、更多 AI 用量或完整元件庫就要付費,價格以官網為準。

適合做中文網站嗎?

版型與架構可以用,但元件預設字體、行高是為英文設計,AI 產生的文案也以英文為主。做台灣客戶的中文網站,建議用 Relume 出架構與版型,再到 Webflow 或 Figma 調整中文字體並重寫文案。

跟 Framer、Webflow 的 AI 建站比差在哪?

Relume 的重點在網站最前段的規劃:sitemap、wireframe、style guide 一路生成,而且可以匯出到別的平台。[Framer](/tools/framer) 與 [Webflow](/tools/webflow) 的 AI 則是在自家平台裡建站。很多接案團隊是用 Relume 規劃、再匯出到 Webflow 開發。

使用者評價

還沒有足夠評價,搶先分享你的使用心得!

寫下你的評價

評論將經審核後公開。

Relume 的替代方案

查看相似的 AI 工具 →

相關 AI 工具

猜你也想看的AI 商品視覺生成

Relume 相關文章與教學

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年10月

前往官網 ↗