UI and app design generators
Magic Patterns
Short answer
AI prototyping and UI generation product with design-system support and team workspaces. Moved to credit-based plans in March 2026; Starter and Business tiers plus Enterprise. Free plan. From $20 a month billed monthly, or $17 a month billed yearly (Starter).
Our verdict on Magic Patterns
Magic Patterns targets teams that prototype within a design system, with Starter at $20 a seat, but credit limits shape how far each plan goes.
- Best for
- Product teams prototyping UI against their own design system
- Not for
- Solo users wanting a clearly sized free tier or flat pricing
Pros
- It supports design systems and offers an MCP server.
- SOC 2 and SSO are both stated.
Cons
- Plans are credit-based, and the free tier's credit amount is not stated.
- Business is listed at $100 per seat per month.
Based on the vendor's own pages, not hands-on testing.
What is Magic Patterns?
AI prototyping and UI generation product with design-system support and team workspaces. Moved to credit-based plans in March 2026; Starter and Business tiers plus Enterprise.
The vendor describes it as: The AI-native workspace for designing your product.
- Vendor
- North Park Labs, Inc.
How much does Magic Patterns cost?
| Free plan | Free plan: A limited free tier; the credit amount is not stated. |
|---|---|
| Cheapest paid plan | From $20 a month billed monthly, or $17 a month billed yearly (Starter) |
| Highest self-serve plan | 100 a month (Business) |
| Credit-based usage | Yes |
| Enterprise plan | Yes |
Not verified: free trial.
Prices are in US dollars, as shown on the vendor's own page on November 6, 2026. Vendors change them often, so confirm on the pricing page before you buy.
What does Magic Patterns make, and from what?
- Output
- Not verified
- Starting points
- Not verified
- Way of working
- Not classified yet
What features does Magic Patterns have?
3 of 23 tracked features have a verified answer from an official page. The rest are folded under Not verified.
Creating
- Brand kit or design systemYes
Working with others and other tools
- Real-time collaborationPartly
- MCP serverYes
Not verified (20)
We could not read these from an official page. That is neither a yes nor a no.
- Refine the result by chatting
- Visual editor for the output
- Multi-page output
- Responsive output
- Template library
- Start from an image or screenshot
- Start from a URL
- Clickable prototypes
- Train a custom style or model
- Version history
- Integrations or plugins
- API access
- Mobile app
- Import from Figma
- Export to Figma
- Export code
- One-click publish or hosting
- Custom domain
- Backend and database
- Built-in sign-in or payments
What can you export from Magic Patterns?
No export formats could be verified from an official page.
Who owns the output and what happens to your content?
| SOC 2 stated | Yes |
|---|---|
| Single sign-on | Yes |
Not verified: Commercial use of output, Trains on your content, GDPR stated, Open source, Self-hostable.
Read the vendor's terms and privacy policy before uploading client or confidential work.
What are the alternatives to Magic Patterns?
Other tools in UI and app design generators, chosen for overlapping output and audience. The order is alphabetical among close matches, not a ranking.
AI UI design tool with free credits, Figma export as editable auto-layout layers, HTML/CSS and MCP handoff to coding agents, and image-to-design tools.
- From $20/mo
- Free plan
- Exports to Figma
- Exports code
Partly verified
Anthropic
Claude Design
Anthropic Labs product for creating designs, prototypes and slides through conversation with Claude, with design-system building from codebases and files, and exports to Canva, PDF, PPTX and HTML.
- From $20/mo
- Free plan
Official pages read
Figma, Inc.
Figma Make
Prompt-driven builder inside Figma that produces working app prototypes, publishable as websites; Make results can be copied as design layers. Included in Figma paid seats with a shared AI credit pool.
- Free plan
- Exports to Figma
Partly verified
AI UI design tool producing multi-screen designs through messages, with Copy to Figma and exports. Free, Starter and Enterprise plans.
- From $15/mo
- Free plan
- Exports to Figma
Partly verified
How they differ from Magic Patterns
- BananiStates a Figma export. States code exportCompare Magic Patterns with Banani
- Claude DesignAlso makes UI screens and prototypeCompare Magic Patterns with Claude Design
- Figma MakeStates a Figma export. Publishes and hosts the result in one stepCompare Magic Patterns with Figma Make
- FlowstepLower entry price: $15/mo against $20/mo. States a Figma exportCompare Magic Patterns with Flowstep
How was this checked?
Verification level: Partly verified. 3 of 23 tracked features have a verified answer. Last checked November 6, 2026. We have not tested Magic Patterns hands-on. See the methodology.
- magicpatterns.com (read November 1, 2026)
- magicpatterns.com (read November 1, 2026)
- magicpatterns.com (read November 2, 2026)
- magicpatterns.com (read November 2, 2026)
- magicpatterns.com (read November 6, 2026)
Something wrong or out of date? Send the page and an official source through the contact page. Confirmed fixes are made on the page. Back to all tools or all categories.