claudeClaude Design Import

Maker supports importing prototypes built in Claude Design. Start your design in Claude, bring it into Maker AI to refine it, and publish when it's ready.

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


Key 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.

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.

Open the design at https://claude.ai/designarrow-up-right. 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

chevron-rightCan I import into an existing Maker AI project?hashtag

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.

chevron-rightHow much does it cost?hashtag

Costs vary depending on the complexity of the design.

chevron-rightIs this feature stable?hashtag

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


Last updated

Was this helpful?