## What is Magic Patterns?

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](/content/docs/documentation/design-systems/overview/index.html) and existing designs, sharing with teammates, password protection, and more.

## How do customers use Magic Patterns?

We support large enterprises and fast-moving startups. Check out our [customer showcase](/content/customers/index.html) to see how our users are using Magic Patterns. For example, read how [Luthor is winning more deals](/content/customers/luthor/index.html) by creating demos with our Chrome Extension.

## Do you have SOC 2?

Yes, we support many enterprises and are SOC 2 and ISO 27001 compliant. You can access our reports in our [Trust Center](https://trust.magicpatterns.com/).

## How can I cancel my plan?

You can cancel your plan at any time. Once logged in, navigate to the "Billing & Subscription" option in the account dropdown (by clicking on your profile picture) and then click "Manage." If you need any help, please do not hesitate to contact us at support@magicpatterns.com. We want you to have a good experience!

## How do credits refresh and how can I check my balance?

Credits renew automatically each month. On monthly plans, renewal happens when your invoice is paid. On annual plans, renewal happens at 2:00 AM UTC on the day after your billing date (e.g., ~7:00 PM PST if you’re in San Francisco). For more details on credit timing and how to view your credits history, see our [Credits and Billing guide](/content/docs/documentation/get-started/credits-and-billing/index.html).

## Which models do you use?

We use Anthropic’s Claude models (Sonnet 4.6 and Opus 4.6) to generate designs.

## What counts as a credit?

Credits are consumed when you use AI generation features (prompting, agent mode, component generation). Cost scales with complexity. “Fix with AI” and manual edits do not consume credits. See our [Credits and Billing guide](/content/docs/documentation/get-started/credits-and-billing/index.html) for details.

## Where is data stored?

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.

## What's the difference between Components and Designs?

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](/content/docs/documentation/design-systems/overview/index.html). Design Systems are collections of styling rules and components that ensure consistency across your designs (like “Acme Design System”).

## How do I set up a custom domain?

Every Magic Patterns design is a website, so you can host it on any domain you own! See our [Custom Domain guide](/content/docs/documentation/get-started/custom-domain/index.html) for full instructions.

## How do I use custom components in my designs?

There are two ways:

1. **Automatic**: Create a [Design System](/content/docs/documentation/design-systems/overview/index.html) 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](/content/docs/documentation/custom-components/using-components/index.html)

## What is your #1 tip for getting accurate results?

Use [Select Mode](/content/docs/documentation/editor/how-to-prompt#select-mode-and-visual-edit/index.html)!

## The AI keeps making the same mistake. What do I do?

Try the [/Debug skill](/content/docs/documentation/editor/how-to-prompt#debug/index.html) and check out our [Troubleshooting guide](/content/docs/documentation/troubleshooting/overview/index.html).

## How do I access the Canvas, so that I can organize all my designs?

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](/content/docs/documentation/projects/getting-started/index.html)!

## I asked for a change but don't see it on my design. Why?

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](/content/docs/documentation/troubleshooting/overview#i-dont-see-my-changes/index.html).

## What does 'Fork' mean and how do I use it?

Fork means create a copy of your design. It’s great for new ideas or collaboration! [Learn more about forking](/content/docs/documentation/editor/forking/index.html)!

## I'm interested in your API. What's your API pricing?

For the [Magic Patterns API](/content/docs/documentation/api/getting-started/index.html), we charge 25 cents per generation alongside a $99/mo platform fee.