AI design and UI tools , by North Park Labs, Inc. , since 2023
Magic Patterns
AI prototyping tool that turns prompts or requirements into high-fidelity, code-based UI
- WEB
What Magic Patterns does
Magic Patterns lets product teams generate interactive, high-fidelity UI prototypes from prompts, PRDs, or feature ideas, matching an imported design system for visual consistency. It supports GitHub sync and an MCP server so output can flow into a real codebase, and includes real-time collaborative editing for designers and engineers to iterate together. Aimed at product teams that want to go from a customer call to a working prototype in hours rather than days.
What you get: Prompt/PRD-to-UI generation, Design system import matching, GitHub sync, MCP server for coding agents, Real-time collaboration, On-demand credit purchase, Usage reporting (Business+).
Typical jobs: turn a PRD or feature idea into a clickable prototype; generate UI that matches an existing design system; sync AI-generated components into a GitHub repo; collaborate live with an engineer on a prototype.
Worth knowing: Only one paid tier (Starter, $20/seat) is reasonably priced for small teams; Business jumps to $100/seat, a steep step for scaling teams.
What users complain about: The company had to publicly change its credit policy after user pushback, moving from hard monthly expiry to a one-cycle rollover, implying the original policy was a common complaint. (Company blog (credit rollover change))
Pricing and plan limits
Verified August 2026| Plan | Monthly | Annual (per mo) | Limits |
|---|---|---|---|
| Free | Free | Free | 100 monthly credits, no team workspace |
| Starter | $20 | $17 | 1,000 monthly credits/seat, up to 10 paid seats |
| Business | $100 | $85 | 5,000 monthly credits/seat, 11+ paid seats |
| Enterprise | not disclosed | n/a | Custom credit allocation, shared credit pooling |
Where it wins
- Design-system matching keeps AI output visually consistent with an existing product rather than generic
- GitHub sync and MCP server access make it one of the more code/agent-friendly prototyping tools
- Real-time collaborative editing lets designers and engineers work in the same prototype
- Unused monthly credits roll over for one additional cycle instead of disappearing immediately
Where it falls short
- Business tier at $100/seat/month is expensive relative to comparable prototyping tools
- Credit rollover only lasts one cycle, so unused credits still eventually expire
- Free tier's 100 credits with no team workspace is only useful for solo evaluation
- On-demand overage billing ($0.02/credit) can make monthly cost unpredictable for heavy users
How we scored it
Full methodology| Criterion | Weight | Score | Contribution |
|---|---|---|---|
| Capability | 30% | 7.5 | 2.25 |
| Value for money | 25% | 6.5 | 1.63 |
| Ease of use | 15% | 7.5 | 1.13 |
| Maturity | 15% | 6.0 | 0.90 |
| Support & docs | 10% | 6.5 | 0.65 |
| Momentum | 5% | 7.5 | 0.38 |
| Weighted total | 100% | 6.9 | 6.90 |
Alternatives to Magic Patterns
Chosen by editors, not sponsors-
RelumeFreemiumClosest match on capability
-
Google StitchFreeClosest match on capability
-
Framer AIFreemiumCheaper entry plan at $10/mo
-
VisilyFreemiumCheaper entry plan at $11/mo
Similar tools in AI design and UI tools
Credit-based AI features inside Figma that turn prompts into editable wireframes
- WEB
- DESKTOP
- PLUGIN
Converts Figma designs, screenshots, or prompts into production HTML/React code
- WEB
- PLUGIN
- API
AI-native visual design tool that outputs production-ready React and Tailwind CSS code
- WEB
- PLUGIN