Free
Explore the catalogue and try DesignMCP on your next interface.
- Browse the curated component catalogue
- Four complete component unlocks
- Interactive component previews
- Use source in personal or commercial work
DesignMCP
Pricing
Pro
For individual builders shipping polished product interfaces regularly.
- Unlimited component searches
- Complete React and TypeScript source
- Dependencies and exact install steps
- Unlimited personal collections
- New catalogue drops every month
Team
A shared component discovery workflow for teams building together.
- Everything in Pro
- Shared team collections
- Centralised team billing
- Priority catalogue requests
- Priority product support
Enterprise
A tailored DesignMCP rollout for larger product and engineering organisations.
- Everything in Team
- Flexible workspace and seat arrangements
- Procurement and onboarding support
- Custom catalogue guidance
- Dedicated account support
Trusted by builders using
Codex
Claude Code
Cursor
GitHub Copilot
Gemini CLICompare features across plans
Essentials
Component searches
Limited
Unlimited
Unlimited
Unlimited
Interactive previews
4
Unlimited
Unlimited
Unlimited
Access on web and through MCP
Web only
✓
✓
✓
Personal catalogue history
30 days
Unlimited
Unlimited
Unlimited
Shared team workspace
—
—
✓
✓
Catalogue quality
Curated component source
✓
✓
✓
✓
Complete interaction states
4 unlocks
✓
✓
✓
Responsive implementations
4 unlocks
✓
✓
✓
Keyboard and touch behaviour
4 unlocks
✓
✓
✓
Reduced-motion support
4 unlocks
✓
✓
✓
Accessibility notes
✓
✓
✓
✓
Fit reasoning for every result
✓
✓
✓
✓
Regular catalogue updates
✓
✓
✓
✓
Early access to new drops
—
✓
✓
✓
Features
Ranked shortlists
Limited
Unlimited
Unlimited
Unlimited
Working component previews
✓
✓
✓
✓
Search by product intent
✓
✓
✓
✓
Search by interaction pattern
✓
✓
✓
✓
Search by visual direction
✓
✓
✓
✓
Filter by framework
✓
✓
✓
✓
Filter by dependency
✓
✓
✓
✓
Compare candidate components
—
✓
✓
✓
Save collections
Up to 3
Unlimited
Shared
Custom
Share collection links
—
✓
✓
✓
Component unlocks
4 total
Unlimited
Unlimited
Unlimited
Priority catalogue requests
—
—
✓
✓
Team discovery controls
—
—
✓
✓
Source & delivery
Complete React source
4 unlocks
✓
✓
✓
Complete TypeScript source
4 unlocks
✓
✓
✓
Styles and design tokens
4 unlocks
✓
✓
✓
Dependencies included
✓
✓
✓
✓
Exact install steps
✓
✓
✓
✓
Asset inventory
✓
✓
✓
✓
Source hashes
✓
✓
✓
✓
Licence clarity
✓
✓
✓
✓
Copy from the browser
✓
✓
✓
✓
Deliver directly to your agent
—
✓
✓
✓
Account & support
Included seats
1
1
2+
Custom
Billing
None
Individual
Centralised
Custom
Cancel any time
✓
✓
✓
Contract
Support
Community
Standard
Priority
Dedicated
Catalogue request voting
—
✓
✓
✓
Team onboarding
—
—
✓
✓
Procurement support
—
—
—
✓
Custom catalogue guidance
—
—
—
✓
*Catalogue availability evolves as new components are added.
FAQ
How does DesignMCP pricing work?
Start free, choose Pro for $15 per month, or use Team from $20 per user per month. Pro and Team can be billed yearly with two months included, while Enterprise pricing is tailored to the organisation.
Can I switch from monthly to yearly?
Yes. You can move to yearly billing at any time and the change will begin at the end of your current monthly period.
Can I cancel whenever I want?
Yes. Your access continues until the end of the period you already paid for, with no additional cancellation fee.
Is Team pricing charged per user?
Yes. Team is $20 per user each month or $200 per user when billed yearly. It adds shared collections, centralised billing and priority support.
What do I receive with each component?
Each result includes the complete implementation, all relevant states, dependencies, assets, installation steps and the context your coding agent needs to use it well.
Which coding agents are supported?
DesignMCP works with modern MCP-compatible coding agents and can also be used directly from the browser.
Can I use the source in commercial projects?
Yes. Source delivered through your subscription can be adapted for your own commercial products, subject to any clearly listed third-party licence.
Is payment secure?
Payments are handled by a dedicated payment provider. DesignMCP does not store your full card details.