# Claude Design Import

***\*This feature is currently experimental, but available to try.***

<figure><img src="/files/3HuEqtak7P9xPsRO9UJE" alt=""><figcaption></figcaption></figure>

***

### K**ey Benefits**

* **Faster time to publish.** If you already have a prototype in Claude Design, you don't have to rebuild it from scratch in Maker AI. Import it and go straight to refining and publishing.
* **Use Claude Design for exploration, Maker AI for production.** Claude Design is great for quickly iterating on ideas and layouts. Once the concept feels right, importing into Maker AI gets it production-ready and connected to their actual site/product data.
* **Accessible to more team members.** Team members who don't have access to Maker can still explore and prototype ideas in Claude Design. Once the concept is ready, someone with Maker access can import it and bring it to life.
* **Another way to explore your design.** Claude Design gives you an additional option to experiment with layouts and ideas outside of Maker. If you prefer to start there, you can, and then import when you're ready to move forward. It's just one more pathway to get to the same result.
* **Cost-efficient iteration.** It's often easier (and cheaper in credits) to get the big-picture layout right in Claude Design first, then fine-tune in Maker AI, rather than going through multiple Maker AI generations to land on the right direction.

***

### What You'll Need

* A Claude Design prototype (the shareable preview link)
* A Maker AI account with available credits

**Note:** The cost of importing a Claude Design prototype may vary depending on the complexity of your design.

***

### Step-by-Step: Importing Your Claude Design

#### Step 1: Start a new project

From the Maker home screen, click the **Explore more +** button in the top-right area above the prompt box.

This will open the full menu with all available options.

<figure><img src="/files/hnrmPEnsehol3PMU4jwM" alt=""><figcaption></figcaption></figure>

#### Step 2: Select "Import from Claude Design"

In the expanded menu, you'll see a section at the top with page-building options. Look for the **Import from Claude Design** card. Click on it to start the guided import flow.

#### Step 3: Follow the Guided Import Flow

Maker will walk you through the steps to bring your Claude Design into the editor.&#x20;

<figure><img src="/files/JPwXWCiPec8nIPYpmhZo" alt=""><figcaption></figcaption></figure>

#### Step 4: Claude Design Preview Link

Open the design at <https://claude.ai/design>.\
2\. Click the "Share" button in the top-right.\
3\. Choose "Download project as .zip"\
4\. Drop the \`.zip\` into Maker’s chat (or click the attach button and select it).

#### Step 5: Review and Refine

Once the import is complete, review the result in the Maker editor. You can make adjustments, add interactivity, connect product data, or do anything else you'd normally do in Maker.

***

### FAQ

<details>

<summary>Can I import into an existing Maker AI project?</summary>

Yes, you can. However, importing into an existing project adds more complexity, and there's a higher chance the Maker may not get everything right. For the best results, we recommend building from scratch when importing a Claude Design.

</details>

<details>

<summary>How much does it cost?</summary>

Costs vary depending on the complexity of the design.&#x20;

</details>

<details>

<summary>Is this feature stable?</summary>

It's currently experimental. Results are generally good, but you may need to make some manual adjustments after import.

</details>

<details>

<summary>Where do I find my Claude Design preview link?</summary>

In Claude Design, use the share or preview option to generate a shareable link for your prototype. That's the link you'll paste into Maker.

</details>

***

###


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.maker.co/features/claude-design-import.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.