畫面
單一狀態或模式,例如登入畫面、付費牆、空白狀態或表單。
連接 Mobbin 後,Manus 會從已上線的 App 中找到真實的畫面、流程和網站區塊,然後在同一個任務裡做出你要的 App、投影片或設計評論。
Mobbin 收錄了已上線 App 的真實畫面、流程和網站區塊。連接後,Manus 會用日常語言搜尋它,並為每筆結果保留 App 名稱和連結。
單一狀態或模式,例如登入畫面、付費牆、空白狀態或表單。
順序很重要的多步驟流程,例如導覽、結帳、身分驗證或取消訂閱。
網頁的組成部分,例如首屏、價格區塊、用戶評價、導覽列與頁尾。
每個場景都從 Mobbin 上的真實參考出發,最後交付能打開、能展示或能直接交給團隊的成果。
不必從一張白紙開始:Manus 會參考 Mobbin 上同類 App 的引導頁範例和介面範例,再基於這些 UI 參考來搭建。在 Manus 中發布成果後,用手機上的 Expo Go 打開。
做 UX 基準比較時,Manus 先在 Mobbin 上選出某個類別排名前十的 App,再用 Wide Research 同時研究每個流程。你會得到一份每個 App、每個流程各佔一行的表格,以及一個按模式歸類引導流程範例、註冊流程範例和付費牆範例的網站。
向產品或合規團隊展示知名金融科技 App 如何設計 KYC 流程。Manus 會在每張截圖上標出所用模式、優點與取捨,然後將投影片匯出為 PowerPoint、PDF 或 Google Slides。
把它當作 AI UX 審查:Manus 從 Mobbin 擷取真實的價格區塊,與你的設計稿比較,寫出一份設計評論,說明哪些保留、哪些要改。再追問一句,它還能在截圖上逐條標出修改點,就像一份可以直接交給團隊的 UI 審查。
像搜尋行動裝置 UI 模式一樣搜尋網頁區塊:來自真實網站的首屏、價格、使用者評價和頁尾。Manus 再用這些 UI 設計範例,把你的到達頁做成可用的網站。
Manus 可以讀取畫面、流程和區塊,但不能編輯、刪除或管理你儲存的收藏集。
結果會保留 App 名稱和對應的 Mobbin 頁面,你和團隊都能打開來源核對。
隨時可以在 Manus 的「連接器」中移除 Mobbin。
Mobbin 是一個可搜尋的資料庫,收錄真實的行動 App、網頁應用程式和網站,包含來自已上線產品的 600,000 多個畫面。你可以查找單一畫面、引導和結帳等完整流程、付費牆和空白狀態等 UI 模式,以及首屏和價格等網頁區塊。
它讓 Manus 能用日常語言在 Mobbin 中搜尋單個介面、多步驟使用者流程和網頁區塊。Manus 會讀取結果,包括介面截圖、App 名稱和對應的 Mobbin 頁面連結,然後在同一個任務裡用它們做出你要的東西。
需要。將 Mobbin 連接到 Manus 需要付費的 Mobbin 方案,例如 Pro 或 Team。Mobbin 的 Pro、Team 和 Enterprise 方案都提供 MCP 存取。
不能。這個連接是唯讀的。Manus 可以讀取畫面、流程和區塊,但不能編輯、刪除或管理你儲存的收藏集,你也可以隨時在 Manus 的「連接器」中撤銷存取權限。
你讓 Manus 做什麼都可以。例如能在手機上用 Expo Go 開啟的行動 App、可匯出為 PowerPoint、PDF 或 Google Slides 的彙報投影片、比較競品的表格和網站,或是對你的 Figma 設計稿所做的帶標註評論。
能。指定一組 App,例如某個類別的前十名。Manus 會用 Wide Research 同時研究它們的導覽、結帳和付費牆流程,然後給你一份每個 App、每個流程各佔一行的表格,以及一個按模式歸類這些 App、並標明每種模式出現次數的網站。
不能。一個範例只能說明某個產品曾推出過這種設計,並不能證明它提升了轉換率或其他指標。請把反覆出現的模式當作慣例參考,依照自己的品牌和使用者調整,並自行檢查無障礙體驗。