Skip to main content

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.

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:
@ menu showing Design Systems and Designs in the prompt bar
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. 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]