Mobbin MCP
Mobbin is a UI/UX design inspiration platform with 600,000+ app screens, user flows, and design patterns from over 1,100 apps. Search and browse mobile and web design references for inspiration.
Verdict
Common use cases
- Find onboarding flow examples from top apps
- Compare checkout patterns across e-commerce sites
- Pull design references during sprint planning
- Benchmark competitor UI before wireframing
- Research accessibility patterns for forms
Integration
- Vendor
- Mobbin MCP
- Category
- developer-tools
- Auth
- OAUTH2
- Composio slug
mobbin_mcp
Tools
Setup
Setup guide
- 11. In Switchy, open your workspace settings and navigate to the Integrations tab. 2. Find Mobbin MCP in the directory and click Connect. 3. You'll be redirected to Mobbin's authorization page — sign in with your Mobbin account credentials. 4. Review the requested permissions (typically read access to your library and public design references) and click Authorize. 5. Switchy confirms the connection and returns you to the integrations list, where Mobbin MCP now shows as active. 6. Open any Space and type '@Mobbin' followed by your request — try asking it to find login screen examples from fintech apps. 7. If the MCP responds with design references or screenshots, the connection is working. 8. If you see an error, revisit workspace settings to confirm the OAuth token hasn't expired.
What teammates see: by default, memories from Mobbin MCP are scoped to the Space (PROJECT visibility) — you can mark any memory PRIVATE or share it ORG-wide.
Works well with
Top models
Compatibility data appears once enough Spaces have used this MCP together with a given model.
How Switchy teams use it
Starter prompts
Survey Onboarding Flows
@Mobbin show me onboarding flows from five popular productivity apps, focusing on how they collect user preferences in the first session.Open in a Space →
Benchmark Navigation Patterns
@Mobbin find navigation patterns used by social media apps with over 10 million users, especially how they handle five or more top-level sections.Open in a Space →
Research Payment Screens
@Mobbin pull checkout screens from three e-commerce apps that support Apple Pay and show how they present shipping options.Open in a Space →
Explore Empty States
@Mobbin show me empty state designs from messaging and collaboration tools, focusing on calls-to-action that drive initial content creation.Open in a Space →
Compare Settings Layouts
@Mobbin find settings screens from fitness and health apps, highlighting how they group account, notification, and privacy controls.Open in a Space →
Example outputs
Illustrative — representative of the model's voice and quality, not literal recordings.
@Mobbin show me recent mobile app designs for onboarding flows in fintech apps
Found 12 onboarding flow examples from fintech apps added in the last 30 days. Top results include Revolut's progressive disclosure pattern (5 screens), Cash App's single-field-per-step approach (4 screens), and Chime's illustration-heavy walkthrough (6 screens). Each example includes screenshots at key interaction points, annotations for UI patterns used, and metadata on platform (iOS/Android). The Revolut example shows how they defer permission requests until contextually relevant.
This read-heavy example demonstrates search and filtering across Mobbin's design library. Requires OAuth scope for full-resolution screenshots. Results depend on what designs Mobbin has indexed — coverage varies by app category and recency. Useful for competitive research, but you'll need a Mobbin subscription tier that includes the categories you're querying.
@Mobbin save this Figma frame to my 'Navigation Patterns' collection with tags: bottom-nav, iOS, e-commerce
Saved 1 design to your 'Navigation Patterns' collection. Added tags: bottom-nav, iOS, e-commerce. The frame has been captured as a static image (1170x2532px) and is now accessible in your Mobbin workspace. You can view it at mobbin.com/collections/navigation-patterns. Note: This creates a reference in your account but doesn't sync back to Figma — it's a one-way snapshot for your design library.
This write example shows how you'd build a personal reference library from external design tools. Requires OAuth write permissions to your Mobbin collections. The MCP doesn't maintain live links to source files — it's archival. If your team uses Mobbin for design system documentation, be aware this creates user-specific collections, not shared team resources.
@Mobbin compare checkout flows across the top 5 e-commerce apps and summarize the common patterns vs. unique approaches
Analyzed checkout flows from Amazon, Shopify Shop, Etsy, eBay, and Walmart apps. Common patterns (4-5 apps): guest checkout option on entry, address autofill, saved payment methods, order summary sticky footer. Unique approaches: Amazon's 'Buy Now' skips cart entirely; Etsy surfaces seller policies inline with item details; Shopify Shop uses Shop Pay's one-tap checkout. Average flow length: 3.2 screens from cart to confirmation. All five apps defer account creation until after purchase completion.
This synthesis example pairs Mobbin's design data with AI reasoning to extract patterns. Accuracy depends on how recently Mobbin indexed these apps — mobile designs change frequently. The AI's 'common vs. unique' framing is interpretive, not a statistical analysis. Best used for directional insights during early design phases, not as a substitute for hands-on competitive testing.
Use-case deep-dives
When Mobbin MCP speeds up component research for client work
A 6-person design agency building a fintech app needs to benchmark navigation patterns against 40 competitor apps. The Mobbin MCP lets the team query screen libraries directly from Switchy threads instead of tab-switching between Figma, Slack, and the Mobbin web app. OAuth2 auth means each designer's saved collections stay private while the shared workspace surfaces patterns everyone can reference. This works when your team already subscribes to Mobbin and runs 3+ client projects in parallel. If you're a solo designer or only reference screens once a quarter, the OAuth setup overhead outweighs the benefit. Best fit: agencies and in-house teams that treat UI research as a weekly discipline, not a one-off task.
How this MCP closes the loop between PRDs and real-world UI
A 4-person product team at a B2B SaaS startup writes specs in Notion but constantly screenshots competitor flows to explain edge cases. The Mobbin MCP pulls those references into Switchy threads so the PM, designer, and two engineers can annotate the same screen without leaving the conversation. OAuth2 keeps each person's Mobbin workspace separate while the shared thread becomes the single source of truth for 'how Stripe handles this' or 'what Airtable's empty state looks like'. This breaks down if your team doesn't already pay for Mobbin or if your product is so novel that competitor benchmarks don't exist. Threshold: you're writing 2+ specs per sprint and each one references at least 3 external apps.
When Mobbin MCP turns screen research into same-day decisions
A 3-person founding team (CEO, designer, engineer) is rebuilding their onboarding flow and needs to ship by Friday. The Mobbin MCP lets them query 'best practice signup flows for productivity apps' from a Switchy thread, review 12 examples in 10 minutes, and commit to a direction without scheduling a separate research sync. OAuth2 means the designer's personal Mobbin boards don't clutter the CEO's view, but everyone sees the thread's curated picks. This scenario assumes the team moves fast enough that research and decision happen in the same session. If your design process requires week-long soak time or formal stakeholder reviews, the MCP's speed advantage disappears. Best for: pre-Series A teams where the designer, PM, and eng lead are the same 3 people in every thread.
Frequently asked
What does the Mobbin MCP do in Switchy?
The Mobbin MCP connects your Switchy workspace to Mobbin's design reference library. Your AI assistants can search mobile app screens, flows, and UI patterns from Mobbin's catalog without leaving the conversation. This lets teams reference real-world design examples when discussing product specs or prototyping new features.
Do I need a paid Mobbin account to use this MCP?
Yes. The MCP authenticates via OAuth2, which requires an active Mobbin subscription with API access. Free Mobbin accounts don't support OAuth connections. Check your Mobbin plan details before connecting — if you can't generate API credentials in your Mobbin settings, you'll need to upgrade first.
Can the MCP upload new screens to my Mobbin library?
No. This MCP is read-only. Your AI can search and retrieve design references from Mobbin's public catalog and your saved collections, but it can't add new screens, edit tags, or modify your library. To contribute designs, use Mobbin's web app or mobile extension directly.
How is this different from just opening Mobbin in a browser tab?
The MCP lets your AI pull design examples mid-conversation based on natural language queries. Instead of context-switching to search Mobbin manually, you ask your assistant for "checkout flows in fintech apps" and it returns relevant screens inline. Faster for brainstorming; less useful if you prefer visual browsing.
Who on the team should connect the Mobbin MCP?
Anyone with a Mobbin account can connect it to their personal Switchy workspace. If you're on a team plan, consider having your design lead or product manager connect it — they'll likely have the most comprehensive saved collections. Each connection is per-user; Mobbin doesn't support shared team OAuth tokens.