> ## Documentation Index
> Fetch the complete documentation index at: https://www.magicpatterns.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Common Questions

> Frequently Asked Questions about Magic Patterns

> [accordion] 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](https://www.magicpatterns.com/docs/documentation/design-systems/overview.md) and existing designs, sharing with teammates, password protection, and more.

> [accordion] How do customers use Magic Patterns?
>
> We support large enterprises and fast-moving startups. Check out our [customer showcase](https://www.magicpatterns.com/customers) to see how our users are using Magic Patterns.
> For example, read how [Luthor is winning more deals](https://www.magicpatterns.com/customers/luthor) by creating demos with Magic Patterns.

> [accordion] 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/).

> [accordion] 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](mailto:support@magicpatterns.com). We want you to have a good experience!

> [accordion] 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](https://www.magicpatterns.com/docs/documentation/get-started/credits-and-billing.md).

> [accordion] Which models do you use?
>
> We use Anthropic's Claude models (Sonnet 5, Opus 4.8, and Fable 5), Google's
> Gemini models, and OpenAI's GPT models (GPT 5.4 mini) to generate designs.

> [accordion] 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](https://www.magicpatterns.com/docs/documentation/get-started/credits-and-billing.md) for details.

> [accordion] 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.

> [accordion] 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](https://www.magicpatterns.com/docs/documentation/design-systems/overview.md). Design
> Systems are collections of styling rules and components that ensure
> consistency across your designs (like "Acme Design System").

> [accordion] What is MagicOS, and how do I bring my designs into it?
>
> MagicOS is an infinite design canvas where your designs, documents, and
> references live together, and the coordinator runs work on them in parallel.
> To start one, click **Create** on your dashboard and choose **MagicOS**. To
> bring in a design you already made, open the **File** menu in MagicOS and
> choose **Import Existing Design**. \
> &#x20;\
> &#x20;Not sure which to use? See
> [MagicOS vs. Designs](https://www.magicpatterns.com/docs/documentation/magic-os/when-to-use-magicos.md).

> [accordion] 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](https://www.magicpatterns.com/docs/documentation/get-started/custom-domain.md)
> for full instructions.

> [accordion] How do I use custom components in my designs?
>
> There are two ways: \
> &#x20;1\. **Automatic**: Create a [Design
> System](https://www.magicpatterns.com/docs/documentation/design-systems/overview.md) and add your components to it.
> When you create designs using that Design System, components are used
> automatically. \
> &#x20;2\. **Manual**: Type `@ComponentName` in any design to
> reference a specific component. \
> &#x20;\
> &#x20;[Learn more about using
> components](https://www.magicpatterns.com/docs/documentation/design-systems/editing/components.md)

> [accordion] What is your #1 tip for getting accurate results?
>
> Use [Select
> Mode](https://www.magicpatterns.com/docs/documentation/editor/how-to-prompt.md#select-mode-and-visual-edit)!

> [accordion] The AI keeps making the same mistake. What do I do?
>
> Try the [/Debug skill](https://www.magicpatterns.com/docs/documentation/editor/how-to-prompt.md#debug) and check
> out our [Troubleshooting guide](https://www.magicpatterns.com/docs/documentation/troubleshooting/overview.md)

> [accordion] 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](https://www.magicpatterns.com/docs/documentation/troubleshooting/overview.md#i-dont-see-my-changes).

> [accordion] 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](https://www.magicpatterns.com/docs/documentation/editor/forking.md)!

> [accordion] I'm interested in your API. What's your API pricing?
>
> For the [Magic Patterns API](https://www.magicpatterns.com/docs/api/getting-started.md), usage draws from your
> normal Magic Patterns credit balance — the same credits the web app and MCP
> use. There is no separate API subscription.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.