Relume 使用教學：從一份簡報生出 Sitemap、Wireframe 到上線，接案設計師要先懂的三條路

認識一位在台中接形象官網的設計師，她說一個五到八頁的企業站，真正花在視覺設計的時間大概只有三成，其他時間都在跟客戶來回確認「要有哪些頁」「首頁第二屏放什麼」。這段前期作業，正是 Relume 這幾年在接案圈紅起來的原因。

Relume 今年改動不小：網域從 relume.io 搬到 relume.ai，8 月 24 日又推出 Relume Publish（目前為 Beta），從「幫你畫線框的工具」變成可以直接上線的網站平台。這篇依官網、說明中心與方案頁整理，我沒有拿真實客戶案子跑過完整流程，步驟以官方文件為準。

Relume 是什麼

Relume 是專做行銷型網站的 AI 網站工具。它跟很多 AI 建站工具最大的不同在於：AI 不直接寫程式碼。官網的說法是，AI 只負責從他們設計師打造並持續維護的元件庫挑元件、組成頁面。元件庫目前有 1,000 多個響應式元件，含手機版變體，每月更新。

官網宣稱有超過 100 萬名自由工作者與代理商在用，列出的客戶包括 Rakuten、Superside、Headspace、Nike 和 IDEO。

它能做什麼

簡報（Brief）： 丟進客戶文件、PDF、品牌規範、會議錄音或現有網址，它會整理成涵蓋概述、目標、受眾、需求的簡報，還會自評信心度，對缺漏的資訊追問。

Sitemap、Wireframe、Design 三個分頁： 依序產出網站架構、每頁的版面與文案、套上 Logo 與配色字型的設計。每個 AI 決定都看得到也改得動，換元件點一下就好，不必重下提示。

匯出： Figma 是整份原生檔案，含手機版與風格指南；Webflow 匯入後保留 class 與結構（採 Client-First 命名）；React 則是 Tailwind CSS 加 shadcn/ui 元件，也可以選純 HTML。

Relume Publish： 直接在 Relume 託管上線，內建分析；上線後還有 Strategist、Designer、Copywriter、Analyst 四種 AI 代理依流量數據提出修改建議，改動要經過審核才會上線。

Relume Library MCP： 讓 Lovable、Claude、Cursor、Cline 這類 AI 編輯器直接從 Relume 元件庫拉真正的 React 元件進專案。

怎麼用：從簡報到上線

步驟一：切換到 Publish 或 Export

登入後，左上角有產品下拉選單，可在 Publish、Export、Library 之間切換。只想要線框和設計稿交給工程師的，走 Export；想一路做到上線的，走 Publish。

步驟二：準備簡報

官方說明中心有一篇〈How To Write An Effective Website Brief〉，建議簡報包含九個部分：專案背景、公司背景、目標受眾、訪客要做的動作、頁面與功能、分工、參考網站、限制條件、成功指標，篇幅一到十頁。它特別點名幾個常見錯誤，例如只寫「想要比較好看的網站」這種模糊目標，或沒先看舊站的分析數據，就把原本表現不錯的頁面也砍掉重練。

步驟三：選語言、產生 Sitemap

開新專案時，提示框旁有語言選單。官方 FAQ 說支援 20 多種語言，選的語言會同時決定 Sitemap 和線框裡的文案語言。說明頁沒有列出完整清單，要做繁中網站，建議開專案時先確認選單裡有沒有繁體中文。

步驟四：在 Wireframe 分頁調整

這一步最值得花時間。AI 排出來的區塊不滿意，直接換元件，不用重新生成整頁。文案也是在這裡先改到八成，後面套設計時就少很多麻煩。

步驟五：Design 分頁套品牌

上傳 Logo，設定顏色、字型與間距，全站一起套用。這份風格指南匯出到 Figma 或 Webflow 時會一起帶過去。

步驟六：匯出或發布

Export 路線，Figma 用官方外掛匯入，Webflow 則有 Chrome 擴充功能與匯入 App。Publish 路線就按發布，先用免費的 relume.live 子網域，再到 Site Settings 的 Domains 綁自己的網域；同一頁還能設定搜尋引擎與 AI 爬蟲的存取（Discoverability）、追蹤碼和表單通知。

進階技巧

技巧一：簡報寫得越細，後面越省。 生成品質主要看簡報。把客戶的報價單、舊站網址、競品網址和喜歡的原因一起丟進去，比一句「幫我做牙醫診所官網」準很多。

技巧二：多人協作先設好角色。 Publish 每個網站可分 Owner、Admin、Editor、Viewer、Billing Contact。讓客戶當 Viewer 留言，不會不小心改到東西。

技巧三：注意 AI 用量。 Publish 的 AI 用量按月循環計算，帳號頁的 AI usage 有進度條，可以看每個網站各用了多少。到 100% 生成就會暫停，要等下個月重置或升級，Pro 可選 1x、5x、20x 的用量倍數。

技巧四：工程師可以只用元件庫。 已經在用 Cursor 或 Lovable 的團隊，接上 Relume Library MCP，請 AI 拿「三欄價目表」之類的現成元件，比讓 AI 從零刻 UI 穩定。

注意事項

方案分兩套： 建站（Publish）方面，Free 不用綁卡，AI 用量夠做一個完整網站，託管在 relume.live 子網域，每月 1,500 次瀏覽、20 筆表單；Pro 起價每月 14 美元，自訂網域託管每個專案每月 12 美元起。匯出方案另外計價：Free 可用 30 個元件，Starter 每月 18 美元起、Pro 40 美元起、Team 每月 36 美元起（最少 3 人）。兩套別搞混，價格以官網為準。

不支援 WordPress： 官方 FAQ 明講沒有正式的 WordPress 匯出，只能用 HTML/Tailwind 匯出自己接，而且不含風格指南、變數與圖片。台灣很多中小企業官網還是 WordPress，接案前要先講清楚。

Publish 還在 Beta： 要交給客戶長期營運的正式站，現階段我會偏向匯出到 Webflow 或自己的程式碼，Publish 先拿來做活動頁或提案用的展示站。

中文版面要自己顧： 元件是以英文排版設計的，中文標題換行、字級通常需要再調。

TheAI學院 評語

Relume 聰明的地方，是沒讓 AI 去寫程式，而是讓 AI 在一套成熟的元件庫裡做選擇，所以產出比較少歪七扭八的版面。Publish 讓它從前期工具變成完整平台，方向合理，但還在 Beta。

評語：常接行銷型官網、需要快速出 Sitemap 和線框跟客戶對焦的設計師與小型代理商，Relume 很值得放進流程；需要 WordPress 交付或高度客製的案子，它只能幫到前半段。

想比較其他 AI 建站工具，可以看AI 網站建置工具指南。

資料來源

• Relume 官方網站
• Relume 方案價格
• Relume Export 介紹
• Relume Publish 推出公告
• Getting Started With Relume Publish
• How To Write An Effective Website Brief
• Relume Library MCP
• FAQ：能不能匯出到 WordPress

本文依 2026 年 10 月官網公開資訊整理，方案與介面可能調整，請以官網為準。