Mobbin MCP 連接器

把 Mobbin 上經過驗證的設計,做成完整的應用程式、投影片和設計評論

連接 Mobbin 後,Manus 會從已上線的 App 中找到真實的畫面、流程和網站區塊,然後在同一個任務裡做出你要的 App、投影片或設計評論。

習慣打卡 App・引導頁與付費牆

引導畫面

註冊

付費牆

管理方案

取消原因

確認取消

購物車

結帳

下單成功

已從 Mobbin 選取 3 個畫面

今天

每日習慣

2/3
喝水
讀 10 頁書
晚間散步

由 Manus 在同一個任務中完成

Mobbin MCP 能幫你搜尋什麼

Mobbin 收錄了已上線 App 的真實畫面、流程和網站區塊。連接後,Manus 會用日常語言搜尋它,並為每筆結果保留 App 名稱和連結。

畫面

單一狀態或模式,例如登入畫面、付費牆、空白狀態或表單。

流程

順序很重要的多步驟流程,例如導覽、結帳、身分驗證或取消訂閱。

網站區塊

網頁的組成部分,例如首屏、價格區塊、用戶評價、導覽列與頁尾。

Mobbin AI 應用:製作 App、簡報和設計評審

每個場景都從 Mobbin 上的真實參考出發,最後交付能打開、能展示或能直接交給團隊的成果。

把行動應用程式設計範例做成能在 Expo Go 中開啟的應用程式

不必從一張白紙開始:Manus 會參考 Mobbin 上同類 App 的引導頁範例和介面範例,再基於這些 UI 參考來搭建。在 Manus 中發布成果後,用手機上的 Expo Go 打開。

對比 10 款 App 的引導、結帳和付費牆流程

做 UX 基準比較時,Manus 先在 Mobbin 上選出某個類別排名前十的 App,再用 Wide Research 同時研究每個流程。你會得到一份每個 App、每個流程各佔一行的表格,以及一個按模式歸類引導流程範例、註冊流程範例和付費牆範例的網站。

把 KYC 開戶引導調查做成利害關係人報告

向產品或合規團隊展示知名金融科技 App 如何設計 KYC 流程。Manus 會在每張截圖上標出所用模式、優點與取捨,然後將投影片匯出為 PowerPoint、PDF 或 Google Slides。

讓 AI 對你的 Figma 設計稿做設計評審

把它當作 AI UX 審查:Manus 從 Mobbin 擷取真實的價格區塊,與你的設計稿比較,寫出一份設計評論,說明哪些保留、哪些要改。再追問一句,它還能在截圖上逐條標出修改點,就像一份可以直接交給團隊的 UI 審查。

為登陸頁的每個區塊收集 UI 模式

像搜尋行動裝置 UI 模式一樣搜尋網頁區塊:來自真實網站的首屏、價格、使用者評價和頁尾。Manus 再用這些 UI 設計範例,把你的到達頁做成可用的網站。

三步驟連接 Mobbin

  1. 1

    開啟連接器並選擇 Mobbin

    在 Manus 中開啟「連接器」分頁,選擇 Mobbin,然後點選「連接」。

    Mobbin連接
  2. 2

    使用付費方案登入

    登入 Mobbin 並授權存取。你需要付費的 Mobbin 方案,例如 Pro 或 Team。

    只讀授權
  3. 3

    直接說要做成什麼

    說明要看哪些畫面、流程或網頁區塊,以及要用它們做成什麼,例如 App、投影片或設計評論。

    在 Mobbin 上找付費牆…

每項參考都能核對,存取權限由你掌控

參考資料只讀
  • 語言學習 App

    引導畫面 · 7 個畫面

  • 冥想 App

    付費牆 · 1 個畫面

  • 生鮮外送 App

    結帳 · 5 個畫面

  • 唯讀存取

    Manus 可以讀取畫面、流程和區塊,但不能編輯、刪除或管理你儲存的收藏集。

  • 每則參考資料都附上連結

    結果會保留 App 名稱和對應的 Mobbin 頁面,你和團隊都能打開來源核對。

  • 隨時撤銷

    隨時可以在 Manus 的「連接器」中移除 Mobbin。

繼續用 Manus 構建

常見問題

Mobbin 是什麼?

Mobbin 是一個可搜尋的資料庫,收錄真實的行動 App、網頁應用程式和網站,包含來自已上線產品的 600,000 多個畫面。你可以查找單一畫面、引導和結帳等完整流程、付費牆和空白狀態等 UI 模式,以及首屏和價格等網頁區塊。

Mobbin MCP 連接器在 Manus 裡能做什麼?

它讓 Manus 能用日常語言在 Mobbin 中搜尋單個介面、多步驟使用者流程和網頁區塊。Manus 會讀取結果,包括介面截圖、App 名稱和對應的 Mobbin 頁面連結,然後在同一個任務裡用它們做出你要的東西。

需要付費的 Mobbin 方案嗎?

需要。將 Mobbin 連接到 Manus 需要付費的 Mobbin 方案,例如 Pro 或 Team。Mobbin 的 Pro、Team 和 Enterprise 方案都提供 MCP 存取。

Manus 能變更我的 Mobbin 帳戶嗎?

不能。這個連接是唯讀的。Manus 可以讀取畫面、流程和區塊,但不能編輯、刪除或管理你儲存的收藏集,你也可以隨時在 Manus 的「連接器」中撤銷存取權限。

我能用 Mobbin 的結果做出什麼?

你讓 Manus 做什麼都可以。例如能在手機上用 Expo Go 開啟的行動 App、可匯出為 PowerPoint、PDF 或 Google Slides 的彙報投影片、比較競品的表格和網站,或是對你的 Figma 設計稿所做的帶標註評論。

Manus 能比較多家競品的引導流程嗎?

能。指定一組 App,例如某個類別的前十名。Manus 會用 Wide Research 同時研究它們的導覽、結帳和付費牆流程,然後給你一份每個 App、每個流程各佔一行的表格,以及一個按模式歸類這些 App、並標明每種模式出現次數的網站。

Mobbin 上反覆出現的模式就一定有效嗎?

不能。一個範例只能說明某個產品曾推出過這種設計,並不能證明它提升了轉換率或其他指標。請把反覆出現的模式當作慣例參考,依照自己的品牌和使用者調整,並自行檢查無障礙體驗。

從已經上線的畫面開始

打開 Manus