Mobbin（mobbin.com）是一個 UI/UX 設計參考資料庫：它把真實上線的行動應用與網站產品逐一拆解成介面截圖、多步驟操作流程（Flows）與動效影片，再由人工依螢幕模式、UI 元素等維度分類標註，供設計師檢索。截至 2026-09-08，官網首頁顯示庫內已有 1,428 個應用、621,500 餘張螢幕截圖與 323,900 條流程，每週更新。與 Dribbble、Behance 這類以設計師概念稿為主的靈感社群不同，Mobbin 的內容全部來自己經發佈、被真實使用者使用的產品介面；相較於自己在應用商店逐一下載截圖，它把「找參考」變成可按模式搜尋的現成資料庫。

站點速覽

  • 網址：https://mobbin.com/
  • 類型：UI/UX 設計模式參考資料庫（真實產品介面截圖與流程）
  • 費用：免費版可註冊使用（內容限量、無搜尋、收藏上限 3 個）；Pro 10 美元/月（按年付）、Team 16 美元/人/月（按年付）、Enterprise 客製；僅按年或按季計費（定價頁，2026-09-08）
  • 註冊要求：首頁等行銷頁面免註冊可瀏覽；內容庫需註冊帳號（支援 Google 快速註冊）
  • 介面語言：僅英文

站點背景

Mobbin 由 Jiho Lim 於 2018 年創立。根據創辦人訪談與共同創辦人 Jovin Liew 在 Growthmates 的覆盤中的自述，Jiho 當時還是新加坡的大學生、兼職做行動介面設計，每接一個新專案就要下載大量應用、截圖、再按「註冊」「結帳」「設定」等資料夾整理，於是他先建立了一個共享 Dropbox 資料夾，隨後花約三個月做成一個可分類檢索的 Web 應用——這就是 Mobbin 的雛形，並透過 Product Hunt 首發傳播開來。

營運主體為新加坡註冊的 Mobbin Pte. Ltd.（UEN 202105940R）。團隊長期自籌（bootstrapped）營運，據上述 2025 年 12 月的覆盤，當時團隊 25 人以上、分佈多個國家；官方 2023 年總結也提到團隊一年新增 9 人、跨 6 個國家。官方 About 頁稱使用者數超過 40 萬（2026-09-08；該頁的截圖數量統計明顯滯後，以首頁數字為準）。首頁同時列出 Uber、Meta、Airbnb、Headspace、Cursor 等設計團隊為其使用者。

Mobbin 首頁主視覺：「Discover real-world design inspiration」，標註收錄超過 1,000 個 iOS 與 Web 應用及 200 餘個網站，下方列出 Uber、Headspace、Meta、Airbnb、Cursor 等使用者團隊

內容庫與檢索

Mobbin 的核心是把真實產品介面結構化。以首頁展示的功能為例，內容按四個維度組織（首頁）：

Mobbin 首頁「Find design patterns in seconds」板塊：Screens、UI Elements、Flows、Text in Screenshots 四種檢索維度，下方橫向排列依 Collections、Checkout、Settings、Login、Subscription & Paywall 等模式分類的真實應用截圖

  • Screens（螢幕）：每張截圖標註所屬應用與螢幕模式（如 Onboarding、Checkout、Settings、Subscription & Paywall），可跨應用橫向比較同一類介面。
  • UI Elements（UI 元素）：元件級粒度，如 Card、Bottom Sheet，用於查證特定控制項的常見做法。
  • Flows（流程）：把註冊、驗證、結帳等多步驟操作按順序串成完整流程；2024 年起流程配操作影片，另有 Interactive Mode 可像 Figma 原型演示一樣點擊熱點逐步走查（官方更新日誌）。
  • Text in Screenshots（截圖內文字）：搜尋出現在截圖裡的具體文案（如按鈕文字、提示語），命中文字會在結果中高亮。

此外，庫內還收錄 Animations（以短影片記錄的介面動效）、iOS 的 Live Activities 與 Widgets 截圖，以及 2025 年推出的 Mobbin Sites——行銷性質網站的落地頁集合，依 Hero、Pricing 等區塊（Sections）與 Brutalist、Minimal 等風格（Styles）過濾。應用詳情頁保留版本歷史，可對照同一應用不同版本的介面變化（付費版完整可用）。

檢索層面，2026 年的搜尋改版把螢幕、流程與網站區塊合併為一次查詢，並提供 Deep Search：用自然語言描述需求，由 AI 做語意比對，同一套排序同時用於站內的 Chat 與 API。在站外看到喜歡的介面時，也可以用視覺搜尋上傳截圖尋找相似螢幕（更新日誌註明該功能僅涵蓋行動端螢幕）。

收藏、協作與匯出

看到的內容可存進 Collections 收藏夾（免費版上限 3 個），也可以上傳自己的截圖混入收藏。2024 年起 Mobbin 增加了社群屬性：公開收藏、公開個人主頁（mobbin.com/@使用者名稱）、螢幕與流程下的公開評論；團隊版則提供共享收藏、工作區內評論與成員管理。匯出方面，單張截圖可直接複製，多張截圖或整個流程可透過官方 Figma 外掛一鍵貼上到 Figma/FigJam——注意貼上結果是圖片而非可編輯圖層。

付費方案與開放能力

截至 2026-09-08，官方定價頁的方案如下（付費檔僅按年或按季計費，年付比季付省約 33%）：

方案 價格 主要內容
Free 0 應用與網站內容限量；不含 Flows、Animations 與搜尋；收藏最多 3 個；複製/下載與版本歷史受限
Pro 10 美元/月（按年付） 全部應用與網站、Flows、Animations、無限收藏、Deep Search、MCP、隱藏截圖頁尾；限 1 人
Team 16 美元/人/月（按年付） Pro 全部功能 + 成員邀請、共享收藏與評論、團隊管理、集中帳單、API 存取、SOC 2 報告
Enterprise 客製 不限成員；SAML/SCIM、發票或 PO 付款、優先支援、隱私控制

另有面向金融行業的 Finance+ 加購包（銀行、加密、投資等 65 餘款應用，399 美元/月按年付，僅 Team/Enterprise），以及面向認證院校學生與教師的 Pro 五折教育優惠（最長 2 年，需學校信箱驗證）。

開放能力方面，Mobbin 於 2026 年 5 月發佈官方 MCP Server，讓 Claude 等 AI 工具直接檢索庫內真實介面作為設計參考（Pro 及以上）；Team 及以上還提供 API。API 與 MCP 呼叫按 AI Credits 計費，條款明確禁止用其內容搭建與之競爭的資料庫。

版權與內容政策

Mobbin 庫內的截圖與錄影皆為第三方應用的介面，服務條款明確這些素材的著作權與商標歸各自權利人（IP Holders）所有，Mobbin 不主張所有權，權利人可透過幫助中心或註冊地址要求移除。對使用者而言，條款僅允許在新加坡《Copyright Act 2021》合理使用（Fair Use）範圍內利用這些素材，禁止抓取、轉存、鏡像、商用，也禁止用站內內容訓練 AI 模型；帳號共享被明確禁止，發現後可封號。退款方面條款寫明原則上不退款，取消訂閱在目前帳期末生效。隱私政策聲明顯示其收集標準存取日誌（含 IP）、裝置資訊與註冊資訊，使用者公開發佈的內容會被搜尋引擎索引，資料儲存於美國與新加坡。

適用場景

  • 設計某個具體介面（如註冊、結帳、訂閱付費牆）前，快速調出十幾款真實產品的同類介面橫向比較，而不是逐個下載應用截圖。
  • 查證某類流程（如 KYC 認證、新手引導）在行業內的常見步驟與文案寫法。
  • 團隊建立共享的競品參考資料庫：共享收藏夾加評論，取代散落在聊天記錄裡的截圖。
  • 用 MCP/API 把真實介面參考接入 AI 輔助設計或開發流程。

局限

  • 免費版很受限：按官方對照表，免費版不含搜尋、Flows 與 Animations，應用與網站內容限量，收藏上限 3 個——更適合體驗產品形態，不足以支撐日常查證。
  • 付費檔無月付：Pro/Team 只能按年或按季付款，且原則上不退款，短期單次查證的成本較高。
  • 是參考而非素材：匯出的是圖片，無法直接得到可編輯的設計檔；條款限制素材只能在合理使用範圍內使用，不能直接搬進自己的產品。
  • 以 iOS 與 Web 為主：官網目前口徑為 1,000 餘款 iOS 與 Web 應用加 200 餘個網站，桌面軟體、Android 與小程序生態不在其宣傳範圍內；小眾或區域性應用可能未收錄。
  • 僅英文介面，且截圖內容以英文產品為主。
  • 截圖時效參差：庫內標註每週更新，但不同應用的收錄時間不同，查證最新介面時需注意應用詳情頁的版本與日期。

同類參考

  • Page Flows：以錄影影片為主的產品流程參考資料庫，同樣訂閱制，影片比重更高，但沒有 Mobbin 依螢幕模式與 UI 元素的細粒度標註。
  • Dribbble / Behance：設計師作品社群，以概念稿與作品集為主，適合看視覺風格趨勢，但內容多為未上線方案，不能當作真實產品模式查證。

參考資料