Refero

Refero 是什麼？

Refero是一個設計研究平台，提供10萬+真實網頁和iOS產品畫面的精選集合，按頁面類型、UX模式、UI元素、使用者流程和字型分類整理。與展示概念作品的靈感畫廊不同，Refero專門收錄來自真實發布產品的畫面——使其成為實用的參考工具而非情緒板。它服務於UX/UI設計師、產品經理和需要基於真實介面資料做出設計決策的AI Agent。

主要功能

• 海量真實產品畫面庫

  10萬+精選截圖，專門來源於真實的網頁和iOS產品，按頁面類型、行業和UI元件分類整理——每週更新新鮮內容。

• 使用者體驗流程

  端到端使用者旅程圖，涵蓋註冊、引導、結帳和帳戶管理流程，讓設計師能夠研究完整的互動序列，而非孤立的畫面。

• 精準搜尋與篩選

  支援按頁面類型、UX模式、UI元素、公司、行業或自然語言搜尋——配合平台篩選器（網頁或iOS），精確找到所需內容。

• UX模式與UI元素

  87+種UX模式和69+種UI元素——從推薦輪播和付費流程到骨架載入器和導覽列——標註技術元資料以供精確參考。

• 字型參考庫

  收錄數千種真實產品的字型實現，包括使用統計、配對建議和響應式設計應用。

• Figma外掛與MCP伺服器

  直接在Figma中插入真實產品參考，或透過MCP連接AI Agent，讓它們在生成設計輸出前研究實際發布的介面。

使用案例

• UX/UI設計研究 : 設計師將自己的作品與真實發布的產品進行對標——了解頂級公司如何處理儀表板、付費牆或引導流程——無需手動搜尋數十個應用程式。
• 競品與模式分析 : 產品經理和設計師可以審查行業同行如何建構特定流程或實現常見UI模式，基於實際產品證據。
• AI輔助設計工作流程 : AI Agent透過MCP連接，將其輸出建立在真實產品介面基礎上，減少在程式碼或原型生成過程中的虛假或通用設計建議。
• 字型與視覺一致性 : 探索字型選擇的團隊可以參考熱門產品如何在不同裝置上實現特定字型，支援更明智和一致的設計系統。
• 快速原型參考 : 在Figma中工作的設計師可以直接將真實產品畫面拉入工作區作為參考，加速線框圖製作並減少猜測。

常見問題