Skip to main content
Magic Patterns generates a functional web application that matches your existing product and allows you to explore new ideas in minutes. We offer features like using your own Design System and existing designs, sharing with teammates, password protection, and more.
We support large enterprises and fast-moving startups. Check out our customer showcase to see how our users are using Magic Patterns. For example, read how Luthor is winning more deals by creating demos with our Chrome Extension.
Yes, we support many enterprises and are SOC 2 and ISO 27001 compliant. You can access our reports in our Trust Center.
Credits renew automatically each month on the anniversary of your subscription start date. The refresh happens at 2:00 AM UTC on the day after the anniversary. This means if you are based in San Francisco, and your subscription started on the 16th, the refresh will happen around ~7:00 PM PST on the 16th to allow for same-day cancellations or changes. For more details on credit timing and how to view your credits history, see our Credits and Billing guide.
We use Anthropic’s Claude models (Sonnet 4.5 and Opus 4.5) to generate designs.
We count a “message” as a chat message to the AI, e.g. whenever you type something into the chat and send it, that counts as one message or one “credit.” Note that we don’t count “Fix with AI” messages or retry messages as a credit because when it errors that’s on us.
Data is stored in the United States. Specifically, our primary database is hosted on AWS. We are a Delaware C-corp, based in San Francisco, California, United States.
Designs are individual projects you create (like a landing page). Components are reusable UI elements (like a custom button used on that landing page) that are part of a design system. Design Systems are collections of styling rules and components that ensure consistency across your designs (like “Acme Design System”).
Every Magic Patterns design is a website, so you can host it on any domain you own! See our Custom Domain guide for full instructions.
You need to add a CNAME record for www. See the www Redirects section in our Custom Domain guide for full instructions.
There are two ways:
1. Automatic: Create a Design System and add your components to it. When you create designs using that Design System, components are used automatically.
2. Manual: Type @ComponentName in any design to reference a specific component.

Learn more about using components
Try the /Debug command and check out our Troubleshooting guide
There are two ways: 1. From an existing design: Click the button next to the title in the top nav bar and select “Add to Canvas” 2. From the dashboard: Click the “Canvas” tab to see all your canvases.

Learn more about your Magic Patterns Canvas!
The AI likely made the change, but it’s not “hooked up” or it’s on a different page. Quick fix: Ask the AI: “I don’t see my changes. Can you explain what you did and where I should look?” Common reasons include: the AI created a new page but didn’t link a button to it, the change is on a different route or it’s in a modal or hidden state you need to trigger. Learn more troubleshooting tips.
Fork means create a copy of your design. It’s great for new ideas or collaboration! Learn more about forking!
For the Magic Patterns API, we charge 25 cents per generation alongside a $99/mo platform fee.