icon of Relume

Relume

網站設計平台,可根據專案簡報產生網站地圖、線框圖、風格指南與可重複使用元件。

社群:

產品概覽

Relume 是什麼?

Relume preview

Relume 協助網頁設計師與開發者,將最初的網站構想轉化為結構化的設計流程。使用者可根據公司描述產生網站地圖,將頁面轉換為可編輯的線框圖,建立視覺風格指南,並運用元件庫優化版面。專案接著可匯出至 Figma、Webflow、React 或 Claude Design,以進行後續設計與開發。


主要功能

  • AI 網站地圖產生

    根據簡短的公司或專案描述,產生結構化的網站地圖,包含關鍵頁面與內容區塊。

  • 線框圖建構工具

    將網站地圖轉換為可編輯的頁面線框圖,以真實版面元件與草稿文案建構而成。

  • 風格指南建構工具

    產生視覺概念與設計系統基礎,用於定義色彩、字體、間距與介面模式。

  • 1,000+ 元件庫

    提供適用於 Figma、Webflow 與 React 的響應式可重複使用元件,含行動版變化並定期更新。

  • 工作流程匯出

    將網站結構、線框圖、風格指南與元件匯出至 Figma、Webflow、React 與 Claude Design。

  • 專案協作

    讓團隊與客戶在集中式設計規劃工作流程中共享專案、留言並審閱成果。


使用案例

  • 行銷網站規劃 : 代理商與自由工作者可在投入視覺設計或開發前,將客戶簡報轉化為清晰的網站地圖。
  • 快速線框設計 : 網頁設計師無需從空白畫布開始,即可建立並反覆修改多頁線框圖。
  • 客戶概念核可 : 團隊可提前展示網站結構、頁面版面與風格方向,以收集回饋並減少範圍變更。
  • Figma 與 Webflow 製作 : 設計師可運用可重複使用元件,將核可的版面匯入 Figma 或 Webflow,而不必手動重建每個區塊。
  • React 網站開發 : 前端團隊可將 React 元件庫作為起點,用於實作響應式行銷網站。

常見問題

Relume 的替代方案

🚀

Relume 網站分析