There are two main ways to merge designs in Magic Patterns, depending on your needs and the size of your content.

Method 1: Copy Code as Prompt

The most direct way to merge designs is by copying the code from one design and pasting it as a prompt in another.
This method may hit prompt size limits if you’re trying to merge very large designs. If your prompt is too big, try the Link URLs by Prompting method instead.
1

Open Design A (source design)

Navigate to the design that contains the content you want to merge.
2

Copy the code from Design A

Use the copy code feature to get the code from Design A.
3

Paste in Design B (target design)

In Design B where you want to add the content, paste the code with a specific instruction like: “Add the ‘About Us’ page using this code:“
For larger designs or when you want to reference existing content, you can link URLs by prompting.
1

Open Design A (source design)

Navigate to Design A that you want to reference.
2

Open Preview in New Window for Design A

Click the preview button and open Design A in a new window.
3

Copy the URL from Design A

Copy the URL from Design A’s preview window.
4

Reference the URL in Design B (target design)

In Design B’s chat, reference the URL with instructions like: “Make the Pricing Button Link to this URL: [URL]“
For connecting screens within the same project, see our guide on Linking Screens Together in the Canvas section.