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

# Common Questions

> Frequently Asked Questions about Magic Patterns

<AccordionGroup>
  <Accordion title="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](/documentation/design-systems/overview) and existing designs, sharing with teammates, password protection, and more.
  </Accordion>

  <Accordion title="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 our Chrome Extension.
  </Accordion>

  <Accordion title="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>

  <Accordion title="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!`}
  </Accordion>

  <Accordion title="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](/documentation/get-started/credits-and-billing).
  </Accordion>

  <Accordion title="Which models do you use?">
    We use Anthropic's Claude models (Sonnet 4.6, Opus 4.8, and Fable 5),
    Google's Gemini models, and OpenAI's GPT models (GPT 5.4 mini) to generate
    designs.
  </Accordion>

  <Accordion title="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](/documentation/get-started/credits-and-billing) for details.
  </Accordion>

  <Accordion title="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>

  <Accordion title="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](/documentation/design-systems/overview). Design
    Systems are collections of styling rules and components that ensure
    consistency across your designs (like "Acme Design System").
  </Accordion>

  <Accordion title="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](/documentation/get-started/custom-domain)
    for full instructions.
  </Accordion>

  <Accordion title="How do I use custom components in my designs?">
    There are two ways: <br /> 1. **Automatic**: Create a [Design
    System](/documentation/design-systems/overview) and add your components to it.
    When you create designs using that Design System, components are used
    automatically. <br /> 2. **Manual**: Type `@ComponentName` in any design to
    reference a specific component. <br /> <br /> [Learn more about using
    components](/documentation/design-systems/editing/components)
  </Accordion>

  <Accordion title="What is your #1 tip for getting accurate results?">
    Use [Select
    Mode](/documentation/editor/how-to-prompt#select-mode-and-visual-edit)!
  </Accordion>

  <Accordion title="The AI keeps making the same mistake. What do I do?">
    Try the [/Debug skill](/documentation/editor/how-to-prompt#debug) and
    check out our [Troubleshooting guide](/documentation/troubleshooting/overview)
  </Accordion>

  <Accordion title="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. <br /> <br /> [Learn more
    about your Magic Patterns Canvas](/documentation/projects/getting-started)!
  </Accordion>

  <Accordion title="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](/documentation/troubleshooting/overview#i-dont-see-my-changes).
  </Accordion>

  <Accordion title="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](/documentation/editor/forking)!
  </Accordion>

  <Accordion title="I'm interested in your API. What's your API pricing?">
    For the [Magic Patterns API](/api/getting-started), usage draws
    from your normal Magic Patterns credit balance — the same credits the web app
    and MCP use. There is no separate API subscription.
  </Accordion>
</AccordionGroup>