developer-toolsoauth2

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

Mobbin MCP connects your workspace to Mobbin's library of mobile and web design references. When you @mention it in a Space, your team can search UI patterns, retrieve screenshots from thousands of apps, and compare design approaches without leaving the conversation. Designers prototyping flows, product managers benchmarking competitors, and developers implementing standard patterns get the most value. Setup requires OAuth, so you'll grant read access to your Mobbin account — the integration won't modify your saved screens or collections.

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

Per-tool listings haven't synced yet for Mobbin MCP. The connection itself works — your Space can already @-mention it. Tool descriptions will fill in on the next Composio ingest.

Setup

Setup guide

  1. 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

Not enough Spaces yet to publish anonymised usage stats (we require ≥ 50 Spaces per week).

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.

Prompt

@Mobbin show me recent mobile app designs for onboarding flows in fintech apps

Output

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.

Notes

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.

Prompt

@Mobbin save this Figma frame to my 'Navigation Patterns' collection with tags: bottom-nav, iOS, e-commerce

Output

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.

Notes

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.

Prompt

@Mobbin compare checkout flows across the top 5 e-commerce apps and summarize the common patterns vs. unique approaches

Output

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.

Notes

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

Design system audit at agency scale

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.

Product spec writing with visual references

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.

Onboarding flow iteration at startup speed

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.

Data last verified 22 hours ago.Sources aggregated hourly to weekly. See docs/architecture/model-directory.md.