Relume 是什麼?
Relume 是面向行銷網站的 AI 規劃與設計系統。Brief 先變成建議 Sitemap,每頁再拆成有名稱的區塊;區塊提示生成響應式線框圖和初稿文案;Style Guide 把顏色、字型、間距和介面模式套用到整個專案。之後可進入 Figma、Webflow、React、HTML、Claude Design 或 AI 程式編輯器。
更準確地說,Relume 是設計加速器,不是已完成的網站生成器。官方文件明確 Design View 用於快速接近視覺方向,精確間距、自訂動畫和像素級調整要在 Figma 或 Webflow 完成。它也不取代需求探索、內容策略、CMS、發布託管、無障礙、整合、效能最佳化與生產 QA。
Sitemap、Wireframe 與 Style Guide
Relume 的優勢是資訊架構與頁面結構連續:修改 Sitemap 區塊會連動線框圖,區塊名稱和描述就是 AI 提示。團隊可重新生成文案、替換元件、增加頁面、把導覽或頁尾設為 Global Section、查看多裝置,並用連結收集客戶留言。受支援的 Figma 或 Webflow 匯入會把 Global Section 轉為元件。
AI Sitemap 仍只是待驗證假設。要核驗使用者路徑、關鍵字意圖、轉換步驟、法律頁面、帳戶狀態、本地化、內容歸屬、CMS Collection、空狀態和錯誤狀態。結構看起來完整,並不代表包含買家真正需要的頁面。
Design View 會把 Style Guide 快速套到多頁,但生成顏色可能不滿足對比度,標題未必符合語意,行動端順序也可能需要改,過度依賴元件庫還會讓不同品牌趨同。最終系統仍應由設計負責人確認並記錄對 Tokens 的調整。
Figma、Webflow、React、Claude 與 MCP 交付
Figma 外掛可匯入專案、單頁或區塊,並與最新版 Relume Figma Kit 的 Variables 配合。Webflow App 會建立頁面和區塊、把 Global Section 映射成元件,並搭配 Client-First Style Guide 與 Chrome Extension。Class Sync 會嘗試重用同名樣式,但 Style Guide 版本或間距策略不匹配時仍會產生重複 Class 和 Variable;替換現有頁面前應在臨時專案測試。
React/HTML 匯出讓工作流不限於 Webflow。付費方案的 Relume Library MCP 能讓相容的 AI 編輯器按 Slug 取得真實可編輯 React 元件,並把檔案、Primitives、Tailwind Preset 與 Tokens 放進專案,而不是生成近似程式碼。確定性更高,但程式碼不會自動滿足無障礙、安全、效能或既有架構,需要檢查依賴、語意、Hydration、圖片、斷點、Bundle、測試和授權。
Claude Design 一鍵匯出可把設計系統交給另一平台,減少視覺漂移,但也增加資料交接點。應確認傳送了哪些 Logo、品牌素材、Tokens 和客戶內容,以及目標服務如何處理。
目前價格與真實總成本
2026 年 8 月 9 日即時渲染頁顯示 Free 為 $0,含 1 個專案、1 頁、唯讀分享、僅 Figma 的 Site Builder 匯出、30 個 Webflow/React 元件和更大的 Figma Kit。Starter 為月付 $26 或年付折合 $18/月,含 1 個專案、5 頁、留言、付費匯出、元件庫、MCP 與 Claude Design 匯出。
Pro 月付 $58 或年付 $40/月,取消專案和頁面上限;Team 月付 $52/人或年付 $36/人/月,至少 3 人,增加共享 Workspace 與品牌化分享。稅費另計且自動續費,條款寫有 10 天退款申請管道,Stripe 手續費可能影響實際退款額。
同頁存在文件衝突:目前方案卡給付費檔顯示 7 天試用,舊 FAQ 卻說 Pro 不提供試用。不要據此做假設,應查看實際結帳。總成本還包括 Figma、Webflow 託管、開發人員、CMS/基礎設施、整合,以及把線框圖變成生產站點的工時。
授權、隱私與客戶治理
授權允許為自己和客戶製作定製成品,並在多個專案重複使用;禁止重新分發、作為資產銷售、交付成可編輯元件庫或製作競品。代理商應明確客戶能收到哪些可編輯交付物,並特別核對 Figma Library、React Source、Webflow Components 與帳戶移交。
隱私政策涵蓋身份、帳戶、安全、付款、瀏覽器、分析與互動資料,更關鍵的是它允許某些客戶資料用於 AI 訓練和模型開發,在可行時做匿名或彙總,並在帳戶設定提供退出。「可行時」不等於合約級 No-Training。輸入保密 Brief 前先退出,並詢問專案內容、提示、輸出、保留、刪除、模型商、次處理者、地區、存取控制、事故回應和 DPA。
共享連結也需要規則:設定最低權限,不把未發布策略或個人資料寫入線框圖,移除過期客戶連結,並注意刪除區塊會連同留言消失。批准後的架構和文案應在外部留檔。
結論
當團隊已經會在 Figma、Webflow 或 React 完成網站時,Relume 能顯著節省前期時間。真正價值不是「AI 建站」,而是 Sitemap、Wireframe、文案、元件、Tokens、客戶留言與實作交付使用同一套體系。
它不能取代產品策略或生產工程。用一個代表性客戶專案測試,匯入真實下游技術棧,計算清理時間,審查授權和 AI 訓練設定,並用年費加下游工具與真實節省工時比較。衡量標準應是獲批且可維護的頁面,而不是首張線框圖生成速度。
