產品概覽
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中工作的設計師可以直接將真實產品畫面拉入工作區作為參考，加速線框圖製作並減少猜測。
常見問題
Refero 的替代方案
Impeccable
為AI編碼工具設計的設計技能框架，為Cursor、Claude Code、Gemini CLI等工具帶來精選的前端設計專業知識和17個指令。
Paper
程式碼原生設計平台，結合佈局工具與動畫 shader 和進階 AI 功能，用於建立生產就緒的設計和互動體驗。
Uizard
AI 驅動的 UI 設計平台，透過直覺工具與自動化，快速製作線框、原型與使用者介面。
Banani
文字到UI設計工具，可從簡單描述生成互動式原型和線框圖，具有即時協作功能。
UXPin
協作式 UX 設計平台，支援互動原型、設計系統與工程交付，具備真實程式元件。
OpenUI
一個用於生成式UI的開放標準框架，使LLM能夠動態組合和串流傳輸互動式React介面，而不是純文字。
Mokkup.ai
雲端式儀表板線框設計工具，協助數據分析師、BI開發人員及商業團隊快速原型設計並協作開發BI儀表板。
FlowMapp
視覺化 UX 規劃平台，結合 AI 智慧工具與協作功能，協助建立網站地圖、用戶流程、線框圖與專案提案。