讓 agent 存取設計參考
將 AI agent 連接到 Refero 精選的真實產品介面與使用流程庫，讓 agent 在產生輸出前先進行研究。
總覽
Refero MCP for AI agents 是一款設計研究工具，可將相容 MCP 的 agent 連接到 Refero 的真實產品介面與使用流程資料庫。其定位是協助 agent 在生成設計前先研究既有版面與互動模式，使結果建立在範例之上，而非泛化假設。
Refero 平台本身聚焦於網頁與 iOS 的 UI/UX 參考，整理了數以萬計的螢幕與使用流程，方便搜尋與比較。MCP 方案將該資料庫延伸到 agent 工作流程；網站上也展示了相關產品，例如 Refero Skill，以及可在 Figma 內瀏覽參考內容的 Figma 外掛。
功能特色
大型螢幕與流程資料庫
提供大量可搜尋的網頁與 iOS 螢幕集合，涵蓋 onboarding、付費牆、空狀態、設定、權限與其他產品狀態。
結構化螢幕中繼資料
包含描述、UX 模式、UI 模式與版面配置等結構化中繼資料，讓 agent 能在查看圖片前先評估參考內容。
快速模式檢視
支援在數秒內針對數百個螢幕與流程進行設計研究，旨在減少 agent 任務中的手動瀏覽。
搜尋與篩選流程
可依標籤、文字內容與網站名稱搜尋，並透過平台切換在網頁與 iOS 結果之間切換。
Refero Skill 設計方法論
包含可安裝到 agent 中的 Refero Skill，作為以研究為先的設計方法論，並提供字體、色彩、間距與動態的工藝規則。
使用情境
在建立 UI 前先研究
agent 可在生成介面前先查找相關產品螢幕與使用流程，適合需要特定版面或互動模式的任務。
產品流程的模式研究
團隊可以搜尋 onboarding、計費、帳號設定及其他常見 App 流程的範例，比較真實產品如何處理這些狀態。
在 agent 工作流程中查找參考
與支援 MCP 的程式工具協作的設計師，可以要求 agent 搜尋 Refero 取得相關參考，而不必手動在瀏覽器分頁與截圖之間切換。
跨平台設計靈感
由於資料庫同時包含網頁與 iOS 範例，當產品需要在不同介面維持一致設計語言時，可提供跨平台靈感。
以研究為先的設計方法論
當團隊希望 agent 先研究參考，再套用字體、色彩、間距與動態的工藝規則時，可使用 Refero Skill。
Pros and Cons
Pros
- 將 agent 連接到大量真實的網頁與 iOS 產品螢幕及流程資料庫。
- 加入結構化中繼資料，能比僅靠圖片瀏覽更精準地支援設計研究。
- 可搭配支援 MCP 的工具使用，且在首次登入後顯示簡單的授權流程。
- 搭配 Refero 更廣泛的搜尋功能，例如標籤、文字搜尋、網站搜尋，以及網頁 / iOS 切換。
- 定價頁面顯示 MCP 存取已包含在 Pro 方案中。
Cons
- 來源未提供完整逐步安裝指南，只提到一行設定與瀏覽器登入流程。
- 相容性雖被概述為任何支援 MCP 的工具，但頁面未列出更深入的整合細節或平台需求。
- 部分產品面向，例如團隊使用與精確方案界線，只在來源頁面中有部分說明。
FAQ
如何存取 Refero MCP？
Refero MCP 包含於 Refero Pro 訂閱方案。第一次使用時，您會先透過瀏覽器視窗登入，之後連線即可在後續使用時自動完成。
Refero MCP 可與哪些工具搭配使用？
頁面表示 Refero MCP 可與任何支援 MCP 的工具搭配使用，並特別展示 Claude Code、Cursor、Antigravity、Lovable、Codex、Manus，以及其他相容工具。
設定流程如何運作？
頁面上顯示的安裝流程為先進行一行設定，接著透過瀏覽器登入並授權。完成後，您的 agent 就可以在任務中搜尋 Refero 的螢幕與使用流程。
Refero MCP 何時會有幫助？
Refero MCP 主要提供給需要設計參考的 AI agent，特別是在生成介面、研究設計模式，或為產品工作選擇版面配置時。
是否有任何限制或需要了解的設定細節？
來源未說明所有相容性細節或完整安裝步驟，但有顯示此產品是圍繞 MCP 支援與瀏覽器授權所建立。
Quick Facts
- 類別
- 開發者工具
- 主要用途
- AI agent 設計研究
- 產品類型
- MCP 連線參考資料庫
- 平台範圍
- 網頁與 iOS 設計參考
- 存取方式
- 包含於 Refero Pro
- 來源網域
- refero.design
Refero MCP 替代品
PixelDrive
PixelDrive 是一款批次圖片生成 API，可透過瀏覽器編輯器、REST API、CSV 批次或 MCP，從單一模板快速產生大量一致的品牌圖片，採用用量計費並支援快取渲染。
Napkin AI
Napkin AI 將文字轉成可編輯視覺圖，適用於簡報、文件與可分享內容；支援以文字優先生成，並可協作後匯出為 PPT、PNG、SVG 或 PDF。
Pixso
Pixso 是一款新一代的 AI 原生 UI 設計工具，允許用戶一鍵生成設計草稿和代碼，是 Figma 的國內替代品。
创客贴 AI
創客貼 AI 是一個 AI 智能設計平台，包含了多種 AI 設計工具，幫助用戶降低設計難度，提升設計效率。
Make Real
Make Real 是一款 Next.js 應用，可將手繪線框圖轉成可運作的 HTML 原型，整合 tldraw SDK 與 AI models，支援畫布草繪、產生程式碼與內嵌預覽檢視。
Frames
Frames 讓你快速製作發佈海報與社群行銷圖，提供高級裝置框與模板（Instagram、Twitter、Product Hunt），可免費開始。