不論你是產品經理、專案經理或設計師，在參與網站改版或新網站專案時，通常需要花費大量時間來思考網站結構（Sitemap）和製作介面線框圖（Wireframe），以便與 UI / UX 設計師或客戶進行後續溝通。
過去通常須從零開始規劃網站結構，按照結構逐一製作 Wireframe，以利內外部確認。若網站需求有變更，則需要重新開始，耗費大量時間。
這次介紹的 NoCode AI 工具 - "Relume AI site builder"，可以幫你省下從零開始規劃網站的時間，透過 AI 幫你自動生成 Sitemap 和 Wireframe，將原本一週的工作時間縮短到半天！快來看看吧！
本篇內容是 NoTime NoCode FB / IG 貼文 NoCode 工具箱 - Relume 的詳細介紹說明文，如果還沒看過貼文的朋友，歡迎透過以下連結追蹤社群，定期查看最新的精美圖文唷！
🔗 IG 貼文傳送門
🔗 FB 貼文傳送門
Relume 是什麼樣的 NoCode 工具？
Relume 是一個網站元件資源庫，幫助你在網站設計規劃時，減少前期投入的大量時間，大幅提升效率！
它的 AI Site Builder 服務可以將你的想法，透過 AI 自動生成 Sitemap 網站架構，再快速轉成 Wireframe。後續也無需手動繪圖，只需輕鬆拖拉就能調整為期待結果！
最棒的是，這些 AI 產出的元件及設計皆能複製至 Webflow 或 Figma，省下 PM、設計師從 0 開始作業的時間～
NoCode AI 工具 Relume 的三個優點
分享三個我們最喜歡與推薦的理由：
1. 只需輸入指令，一鍵透過 AI 自動建立 Sitemap
Relume 除了是網站元件資源庫，還可以透過 AI 快速建立網站規劃的 Sitemap～
在它操作介面的 Generate New Sitemap (生成新 Sitemap) 中，只要輸入網站內容目標與頁面數量後，AI 即可自動生成網站架構及內容編排，而依據 AI 生成結果也能輕鬆拖拉排序、編輯或手動新增內容項目 (e.g. Header、Feature … 等區塊)！
舉例來說，一家品牌企業計劃對其現有網站進行更新，可以使用 Relume 來提高規劃效率。只要輸入與公司有關的訊息，如關於我們、產品或服務、聯絡方式等，就能讓 AI 自動生成系統所建議的 Sitemap。這樣除了可以輕鬆查看和管理網站的整體結構，也能確保新網站的內容被更完善的組織起來。
2. 一鍵將 Sitemap 自動轉換成 Wireframe，省下手動從頭繪製的時間
網站規劃中，通常最耗時的工作之一就是繪製 Wireframe。然而，使用 Relume 後，只要點擊切換模式，就能輕鬆讓系統依據 Sitemap 內容自動繪製 Wireframe！
最棒的是，即使 Sitemap 內容調整（無論是手動編輯還是 AI 重新生成），Wireframe 也會立即自動更新！還能依據不同裝置產生對應的 Wireframe 版本～
3. 輕鬆匯出、複製、共享內容給團隊成員
在使用 AI 自動生成 Sitemap、Wireframe 並完成調整後，最關鍵的一步就是把內容提供給相關團隊進行確認～
透過 Relume，你不用逐一將 Sitemap 及 Wireframe 匯出圖片、置入簡報共享給團隊或客戶。相反，系統會提供公開檢視連結功能、或讓你匯出至 Figma 輕鬆與專案團隊共享討論！
再者，Relume 也無縫整合 Webflow 和 Figma，Relume 的元件和產出圖皆能快速複製貼上到 Webflow 或 Figma 中，省下 PM 和設計師重複性的作業時間，提高網站規劃效率！
希望藉由以上說明，能幫助你了解 Relume 這款自動生成 Sitemap 與 Wireframe 的 NoCode AI 工具的應用與情境。
使用 Relume 的過程，令我們印象深刻的就是它的 AI Site Builder 服務，在幾分鐘內就可以完成網站架構內容和生成精美 Wireframe，無需手動繪圖，只需輕鬆拖拉就能調整為期待結果！甚至還可以讓你輕鬆複製貼上到 Webflow 或 Figma，不僅節省時間，也能讓 AI 為我們帶來網站頁面規劃的靈感～
雖然目前免費方案，僅能在 AI Site Builder 中體驗一個網站專案，但其中的 AI 使用次數無上限，推薦大家體驗 Relume 的 AI Site Builder，或許可以帶給你一些靈感激發與幫助唷！
如果對 Relume 有興趣的朋友，都歡迎都過此 連結 註冊試玩看看唷～
本文授權轉載自：NoTime NoCode
責任編輯：蘇祐萱
