Documentation Index
Fetch the complete documentation index at: https://magicpatterns.mintlify.dev/docs/llms.txt
Use this file to discover all available pages before exploring further.
Option 1: Cross-Project Referencing (Recommended)
The fastest way to pull content from another design is to reference it directly in your prompt. This works from both the dashboard prompt bar and the editor chat bar.
There are two ways to do this:
- Type
@ to pick a standalone Design or a Design System.
- Paste a design URL to reference any design directly, including a design inside a canvas.
For example, with an @ mention:
Grab the pricing table from @My Pricing Page and add it to my landing page
Or with a pasted URL:
Pull the pricing table from https://www.magicpatterns.com/s/123?page=0&nodeIds=456 and add it here
or
Grab my dashboard from https://www.magicpatterns.com/c/789 from this design
You can only reference designs you have access to.
Option 2: Prompt to Link the Designs Together
All Magic Patterns designs are websites, so you can always just link designs together.
Let’s say you have two designs, Design A and Design B. Perhaps they are separate pages and you want to link them together.
First, navigate to Design A and get its publish link from the share button. The URL is something like https://project-design-a.magicpatterns.app
Now, in Design B, perhaps you want to make a button that links to Design A. So, you can prompt something like:
Please make the button link to this URL...
In this example, you’d likely use Select Mode to be specific about the button you want to link to and prompt something like:
Please make the pricing button link to this URL: https://project-design-a.magicpatterns.app
Option 3: Copy Code as Prompt
This method may hit prompt size limits if you’re trying to merge very large
designs. But you can always select specific elements using Select
Mode to get the code.
Navigate to the design — let’s say Design A — that contains the content you want to merge into another design, Design B.
Use the Copy Code as Prompt feature to get the code from Design A.
In Design B where you want to add the content, paste the code with a specific instruction like:
Add an About Us page using this code: [paste the code here]
