Relume
輸入 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學院 編輯建議
編輯實測後的真心話Relume 原本是 Webflow 圈子裡的元件庫,現在直接往「brief 進、網站出」走,還做了託管。我欣賞它堅持用人做的元件組裝、不讓 AI 亂寫程式碼,這讓輸出比多數 AI 建站穩。只是中文網站還是得自己下功夫。
主要功能
- 從 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
- 到 Relume 官網註冊登入,進入 Site Builder 開一個新專案並命名。
- 在 AI 生成框用一段話描述網站,例如「台灣在地咖啡烘焙工作室的形象官網」,語言可用中文描述。
- 按生成後先檢視自動產生的 Sitemap,用拖拉方式增刪頁面或調整層級順序,確定資訊架構。
- 確認架構後點生成 Wireframe,Relume 會依每頁自動組出區塊式線框,逐頁瀏覽整體版面。
- 打開元件庫替換不合適的區塊,從數百個 Hero、定價、FAQ 模板中挑選並拖入頁面。
- 編輯各區塊的佔位文字與圖片,把英文範例文案改成實際的繁中內容。
- 完成後用右上角匯出到 Webflow,或複製元件貼進 Figma 接續視覺設計與開發。
- 免費方案有生成次數限制,需要無限 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 工具
Runway
專業向的 AI 影片生成與編輯工具,導演思維比提示詞重要。
UseIt Studio
描述想做的貼紙、禮盒、徽章或卡片,AI 直接產出含真實尺寸、出血與刀模線的可印刷檔,還能交給 Illustrator 接著改
Chuangkit
中國老牌線上設計平台創客貼,100 萬套模板加上 AI 摳圖、改圖、商品圖、文案與一句話做設計
Promeo
訊連科技(CyberLink)推出的電商與行銷素材 AI 工具,商品去背、光影、影片廣告與社群貼文一次完成
Gaoding Design
中國大陸的線上設計平台,海量電商、小紅書、公眾號模板,加上 AI 畫布、AI 電商圖、3 秒去背與批次套版
Glood.AI
Shopify 上的七個 AI agent:推薦、加購、搜尋、陳列、商品照與庫存預測
猜你也想看的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月