Relume 是什麼、怎麼用、價格多少：從需求簡報生成站點地圖、線框圖並導出 Figma / Webflow

本文根據 Relume 官網定價頁整理，資料核對於 2026-10-11。核對時原域名 relume.io 已跳轉到 relume.ai。功能與價格以官網為準。

是什麼

Relume 是一款面向網站設計師和 Webflow 開發者的 AI 工具。它最早以「全球最大的 Webflow 組件庫」出名，後來加入 AI，把建站前期最費時間的規劃工作——頁面結構怎麼排、每頁放哪些區塊——自動化。它生成的不是一張圖，而是由真實組件拼出來的線框圖，可以帶進設計和開發流程。

能做什麼

定價頁列出的功能：

• Brief → Sitemap → Wireframe → Designs：從一段需求簡報生成完整的站點結構，再逐頁生成線框圖和設計。
• Style guide：統一設定顏色、字體和間距等設計變量。
• Component library：1,000 多個現成組件，有 Webflow 和 React 兩種版本。
• Relume Export：把項目導出到 Figma、Webflow 或 React。
• Relume Publish（測試中）：直接上線，提供託管、自定義域名和訪問統計。
• AI Agents：負責策略、文案、設計和數據分析的專門智能體，它們提出修改建議，由你批准後生效。
• Library MCP：把 Relume 組件庫接入你的 AI 編輯器。
• 協作：付費方案可以邀請不限數量的編輯者，不按席位另收費。
• 表單：內置表單收集諮詢資訊。

官網說明組件庫與 Finsweet 的 Client-First 規範兼容；複製組件功能支持 Chrome、Firefox、Edge，不支持 Safari。

怎麼上手

1. 在 relume.ai 註冊免費帳號。
2. 寫一段簡報：公司做什麼、目標客戶是誰、網站要達成什麼目的。
3. 檢查生成的站點地圖，增刪頁面和區塊，再生成線框圖。
4. 設定風格指南後，導出到 Figma 做視覺細化，或導出到 Webflow / React 進入開發。

免費與付費

定價頁（美元，2026-10 查詢）：

• Free：永久免費、無需綁卡。網站數量不限；可用 30 個 Webflow 組件和 30 個 React 組件；發佈在 relume.live 子域名下，始終顯示 Relume 標識；每月 1,500 次頁面瀏覽、20 條表單提交；私密分享最多 3 人。
• 付費方案：頁面分兩條產品線標價——組件庫方向的 Pro「14 美元/月起」；建站方向的 Starter「18 美元/月起」、Pro「40 美元/月起」、Team「36 美元/月起（至少 3 人）」；另有「12 美元/項目/月起」的上線託管附加項和定製報價的 Enterprise。

「起」之後的實際金額與月付、年付差異，以官網定價頁為準。

適合誰 / 不適合誰

適合： 接企業官網項目的設計師和 Webflow 開發者；需要在提案階段快速給客戶看站點結構的代理公司；用 React 搭營銷站的前端。

不適合： 想要一鍵生成並長期免費託管正式網站的人；做複雜 Web 應用介面的團隊（它面向的是營銷型網站）；主要使用 Safari 的用戶。

注意事項

• AI 生成的文案是佔位性質的，正式上線前需要重寫。
• 導出到 Webflow 需要相應的 Webflow 帳號與權限，費用另算。
• 各方案的 AI 用量有上限，大型站點在生成前先規劃好頁面數量。