Upload: use Insert or + to add a document, image, or other file.
Paste a link: paste a public link in your message, and the agent will bring it in.
Once a file is in your MagicOS, type @ in your message to point the agent to it.
Was this page helpful?
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Magic Patterns","description":"Magic Patterns is the AI-native workspace for designing your product. Start from your existing product \u0026 design system. Plan, explore \u0026 design variants quickly, hand off to code.","colors":{"primary":"#9784BF","light":"#FFFFFF","dark":"#001617"},"logo":{"light":"https://mintcdn.com/magicpatterns/owWJh7xQtXBlIJ16/logo/magicpatterns_logo_light.svg?fit=max\u0026auto=format\u0026n=owWJh7xQtXBlIJ16\u0026q=85\u0026s=2a7a773a8194091ebfe3e1c0104f2c92","dark":"https://mintcdn.com/magicpatterns/owWJh7xQtXBlIJ16/logo/magicpatterns_logo_dark.svg?fit=max\u0026auto=format\u0026n=owWJh7xQtXBlIJ16\u0026q=85\u0026s=20e5d64413256401004cd68c98e798d0"},"favicon":"https://mintcdn.com/magicpatterns/owWJh7xQtXBlIJ16/icon.svg?fit=max\u0026auto=format\u0026n=owWJh7xQtXBlIJ16\u0026q=85\u0026s=7854f15b01790c1d076cf1f1e10c61b0","api":{"openapi":["openapi-v3.yml","openapi.yml"]},"navbar":{"links":[{"href":"https://www.magicpatterns.com/customers","label":"Case Studies"}],"primary":{"type":"button","label":"Start designing","href":"https://www.magicpatterns.com"}},"footer":{"socials":{"twitter":"https://x.com/magicpatterns","github":"https://github.com/magicpatterns","linkedin":"https://www.linkedin.com/company/magicpatterns"}},"integrations":{"intercom":{"appId":"ftkg08cn"}},"contextual":{"options":["copy","view","chatgpt","claude","cursor"],"display":"header"},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"magicpatterns","hasAudioNarration":false,"actualSubdomain":"magicpatterns","customDomains":["www.magicpatterns.com"],"gitSource":{"type":"github","owner":"magicpatterns","repo":"patterns","deployBranch":"main","contentDirectory":"docs","isPrivate":false,"mountPath":"","label":""},"feedback":{"thumbs":true,"edits":false,"issues":false},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6af4baf2d6b8dcb93a08a199","clientVersion":"0.0.4111","searchFilterCounts":[{"language":"default","tag":"Connect your agent","count":15},{"language":"default","tag":"API","count":14},{"language":"default","tag":"Get Started","count":12},{"language":"default","tag":"MagicOS","count":10},{"language":"default","tag":"Import, Publish and Export","count":9},{"language":"default","tag":"Teams and Enterprise","count":7},{"language":"default","tag":"Designs","count":6},{"language":"default","tag":"Artifacts","count":5},{"language":"default","tag":"Import your Design System","count":4},{"language":"default","tag":"Enterprise and security","count":4}]},"assistantConfig":{"deflection":{"enabled":true,"email":"support@magicpatterns.com","showHelpButton":true}},"basePath":"/docs","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-rbac-roles","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[{"filePath":"style.css","content":"[data-title=\"What's new in Magic Patterns\"]>a::before,[data-title=\"Using your design system\"]>a::before,[data-title=\"Handing off to code\"]>a::before{content:\"\";flex:none;width:1rem;height:1lh;background-color:rgb(var(--gray-400));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:1rem 1rem;mask-size:1rem 1rem}.dark [data-title=\"What's new in Magic Patterns\"]>a::before,.dark [data-title=\"Using your design system\"]>a::before,.dark [data-title=\"Handing off to code\"]>a::before{background-color:rgb(var(--gray-500))}@media (forced-colors: active){[data-title=\"What's new in Magic Patterns\"]>a::before,[data-title=\"Using your design system\"]>a::before,[data-title=\"Handing off to code\"]>a::before{background-color:CanvasText}}[data-title=\"What's new in Magic Patterns\"]>a::before{-webkit-mask-image:url(\"https://d3gk2c5xim1je2.cloudfront.net/fontawesome/v7.2.0/regular/megaphone.svg\");mask-image:url(\"https://d3gk2c5xim1je2.cloudfront.net/fontawesome/v7.2.0/regular/megaphone.svg\")}[data-title=\"Using your design system\"]>a::before{-webkit-mask-image:url(\"https://d3gk2c5xim1je2.cloudfront.net/fontawesome/v7.2.0/regular/layer-group.svg\");mask-image:url(\"https://d3gk2c5xim1je2.cloudfront.net/fontawesome/v7.2.0/regular/layer-group.svg\")}[data-title=\"Handing off to code\"]>a::before{-webkit-mask-image:url(\"https://d3gk2c5xim1je2.cloudfront.net/fontawesome/v7.2.0/regular/code.svg\");mask-image:url(\"https://d3gk2c5xim1je2.cloudfront.net/fontawesome/v7.2.0/regular/code.svg\")}.prose img,.prose video{border-radius:12px}.prose img.soft-corners.scale-down{width:373px;max-width:100%;height:auto}.prose img.soft-corners.prompt{width:556px;max-width:100%;height:auto}.prose img.soft-corners.prompt-wide{width:592px;max-width:100%;height:auto}.prose img.soft-corners.share-536,.prose img.soft-corners.share-281,.prose img.soft-corners.share-653,.prose img.soft-corners.share-647,.prose img.soft-corners.share-519,.prose img.soft-corners.share-626{max-width:100%;height:auto}.prose img.soft-corners.share-536{width:536px}.prose img.soft-corners.share-281{width:281px}.prose img.soft-corners.share-653{width:653px}.prose img.soft-corners.share-647{width:647px}.prose img.soft-corners.share-519{width:519px}.prose img.soft-corners.share-626{width:626px}.prose img.fit-683,.prose img.fit-696,.prose img.fit-554,.prose img.fit-656,.prose img.fit-658,.prose img.fit-659{max-width:100%;height:auto}.prose img.fit-683{width:683px}.prose img.fit-696{width:696px}.prose img.fit-554{width:554px}.prose img.fit-656{width:656px}.prose img.fit-658{width:658px}.prose img.fit-659{width:659px}.frame:has(img.fit-683) .justify-center,.frame:has(img.fit-554) .justify-center{justify-content:flex-start}.prose video.soft-corners.smaller{width:344px;max-width:100%;height:auto}.prose video.soft-corners.scale-down{width:60%;height:auto}.prose img.soft-corners.close-below{margin-bottom:0}.prose img.soft-corners.tight-top{margin-top:16px}.nav-tabs-item[href^=\"/documentation/magic-os/\"]::after{content:\"NEW\";margin-left:0.375rem;padding:0.0625rem 0.375rem;border-radius:9999px;font-size:0.625rem;font-weight:600;line-height:1rem;color:rgb(var(--primary));background-color:rgb(var(--primary) / 0.1)}"}],"page":{"pagePath":"documentation/projects/using-references","slug":"/documentation/projects/using-references","pageMetadata":{"title":"Using references","description":"Add work that's already on the canvas to your chat or thread.","icon":"arrow-right-arrow-left","href":"/documentation/projects/using-references"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Add work that’s already on the canvas to your chat or thread.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={li:`li`,p:`p`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{Heading,OptimizedImage}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsx(Heading,{level:`2`,id:`how-to-add-a-reference`,children:`How to add a reference`}),`\n`,_jsx(_components.p,{children:`You can bring in existing work in two ways:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Upload:`}),` use `,_jsx(_components.strong,{children:`Insert`}),` or `,_jsx(_components.strong,{children:`+`}),` to add a document, image, or other file.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Paste a link:`}),` paste a public link in your message, and the agent will bring it in.`]}),`\n`]}),`\n`,_jsx(_components.p,{children:`Once a file is in your MagicOS, type @ in your message to point the agent to it.`}),`\n`,_jsx(OptimizedImage,{className:`soft-corners scale-down`,src:`https://cdn.magicpatterns.com/uploads/qg9vVC6eDvxjP4LUkB2WgV/mentioning_file.png`,alt:`Typing @ in a message to mention a file`})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Using references","description":"Add work that's already on the canvas to your chat or thread.","icon":"arrow-right-arrow-left","href":"/documentation/projects/using-references"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"How to add a reference","slug":"how-to-add-a-reference","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"magicpatterns","siteName":"Magic Patterns","title":"Using references - Magic Patterns","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-11-10T16:48:26.673Z","originalFileLocation":"documentation/projects/using-references.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Add work that\u0026#x27;s already on the canvas to your chat or thread.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Magic Patterns\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/magicpatterns/7ZqRXq6s1-Htf8k5/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/docs/mintlify-assets/_mintlify/favicons/magicpatterns/7ZqRXq6s1-Htf8k5/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/magicpatterns/7ZqRXq6s1-Htf8k5/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/magicpatterns/7ZqRXq6s1-Htf8k5/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/magicpatterns/7ZqRXq6s1-Htf8k5/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/docs/mintlify-assets/_mintlify/favicons/magicpatterns/7ZqRXq6s1-Htf8k5/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/docs/mintlify-assets/_mintlify/favicons/magicpatterns/7ZqRXq6s1-Htf8k5/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/docs/mintlify-assets/_mintlify/favicons/magicpatterns/7ZqRXq6s1-Htf8k5/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/docs/mintlify-assets/_mintlify/favicons/magicpatterns/7ZqRXq6s1-Htf8k5/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Using references - Magic Patterns\">\u003cmeta data-mint-head property=\"og:description\" content=\"Add work that\u0026#x27;s already on the canvas to your chat or thread.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Magic Patterns\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://www.magicpatterns.com/docs/documentation/projects/using-references\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://magicpatterns.mintlify.site/docs/_mintlify/api/og/v2?division=Bring+in+your+context\u0026amp;title=Using+references\u0026amp;description=Add+work+that%27s+already+on+the+canvas+to+your+chat+or+thread.\u0026amp;theme=17cb3c7c363c250a2f4e5086\u0026amp;signature=f6f35efa234d6e1afba99ef2aa34e386719ff7e99fde5fe068363c9d63e50d36\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Using references - Magic Patterns\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Add work that\u0026#x27;s already on the canvas to your chat or thread.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://magicpatterns.mintlify.site/docs/_mintlify/api/og/v2?division=Bring+in+your+context\u0026amp;title=Using+references\u0026amp;description=Add+work+that%27s+already+on+the+canvas+to+your+chat+or+thread.\u0026amp;theme=17cb3c7c363c250a2f4e5086\u0026amp;signature=f6f35efa234d6e1afba99ef2aa34e386719ff7e99fde5fe068363c9d63e50d36\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/docs/mintlify-assets/_mintlify/favicons/magicpatterns/7ZqRXq6s1-Htf8k5/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Magic Patterns\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#9784BF\">\u003clink data-mint-head rel=\"canonical\" href=\"https://www.magicpatterns.com/docs/documentation/projects/using-references\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/docs/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/docs/documentation/projects/using-references.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://www.magicpatterns.com/#organization\",\"name\":\"Magic Patterns\",\"url\":\"https://www.magicpatterns.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/magicpatterns/owWJh7xQtXBlIJ16/logo/magicpatterns_logo_light.svg?fit=max\u0026auto=format\u0026n=owWJh7xQtXBlIJ16\u0026q=85\u0026s=2a7a773a8194091ebfe3e1c0104f2c92\"}},{\"@type\":\"WebSite\",\"@id\":\"https://www.magicpatterns.com/docs#website\",\"name\":\"Magic Patterns\",\"url\":\"https://www.magicpatterns.com/docs\",\"publisher\":{\"@id\":\"https://www.magicpatterns.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://www.magicpatterns.com/docs/documentation/projects/using-references#webpage\",\"url\":\"https://www.magicpatterns.com/docs/documentation/projects/using-references\",\"name\":\"Using references\",\"description\":\"Add work that's already on the canvas to your chat or thread.\",\"dateModified\":\"2026-11-10T16:48:26.673Z\",\"isPartOf\":{\"@id\":\"https://www.magicpatterns.com/docs#website\"},\"breadcrumb\":{\"@id\":\"https://www.magicpatterns.com/docs/documentation/projects/using-references#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://www.magicpatterns.com/docs/documentation/projects/using-references#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Magic Patterns\",\"item\":\"https://www.magicpatterns.com/docs\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using references\",\"item\":\"https://www.magicpatterns.com/docs/documentation/projects/using-references\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://www.magicpatterns.com/docs/documentation/projects/using-references#article\",\"headline\":\"Using references\",\"name\":\"Using references\",\"description\":\"Add work that's already on the canvas to your chat or thread.\",\"url\":\"https://www.magicpatterns.com/docs/documentation/projects/using-references\",\"mainEntityOfPage\":{\"@id\":\"https://www.magicpatterns.com/docs/documentation/projects/using-references#webpage\"},\"dateModified\":\"2026-11-10T16:48:26.673Z\",\"publisher\":{\"@id\":\"https://www.magicpatterns.com/#organization\"},\"isPartOf\":{\"@id\":\"https://www.magicpatterns.com/docs#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Magic Patterns\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"Magic Patterns\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/docs/documentation/projects/using-references.md","siteName":"Magic Patterns","nav":{"global":null,"tabs":[{"tab":"Get Started","pages":[{"title":"Get Started","href":"/documentation/get-started/introduction"}]},{"tab":"MagicOS","groups":[{"group":"Get Started","pages":[{"title":"What is MagicOS","icon":"sparkles","href":"/documentation/magic-os/overview"},{"title":"Build your first prototype","icon":"rocket","href":"/documentation/magic-os/quickstart"},{"title":"Navigating MagicOS","icon":"hand-pointer","href":"/documentation/projects/navigating"}]},{"group":"Learn the basics","pages":[{"title":"The canvas and files","icon":"shapes","href":"/documentation/magic-os/canvas-and-files"},{"title":"Prototypes and frames","icon":"code-commit","href":"/documentation/projects/prototyping"},{"title":"Agents and threads","description":"Hand work to the coordinator, follow parallel threads, and answer agents when they need you.","icon":"messages","href":"/documentation/magic-os/agents-and-threads"}]},{"group":"Bring in your context","pages":[{"title":"Using references","icon":"arrow-right-arrow-left","href":"/documentation/projects/using-references"},{"title":"Using your design system","href":"https://www.magicpatterns.com/docs/documentation/design-systems/importing/overview"}]},{"group":"Prompt and explore","pages":[{"title":"How to prompt","icon":"graduation-cap","href":"/documentation/editor/how-to-prompt"},{"title":"Using prompt templates","icon":"paragraph","href":"/documentation/projects/prompt-templates"}]},{"group":"Share and hand off","pages":[{"title":"Sharing a design","icon":"users-rectangle","href":"/documentation/projects/how-to-share"},{"title":"Handing off to code","href":"https://www.magicpatterns.com/docs/documentation/features/mcp-server/overview"}]}]},{"tab":"Import, Publish and Export","pages":[{"title":"Import, Publish and Export","href":"/documentation/design-systems/importing/overview"}]},{"tab":"Connect your agent","pages":[{"title":"Connect your agent","href":"/documentation/features/mcp-server/available_tools"}]},{"tab":"Teams and Enterprise","pages":[{"title":"Teams and Enterprise","href":"/documentation/collaboration/team-workspaces"}]},{"tab":"Changelog","pages":[{"title":"Changelog","href":"/documentation/feature-releases/changelog"}]}]},"basePath":"","title":"Using references - Magic Patterns","buildId":"dpl_6PxPD4Fj1JDU9BJxEHvfdUmxKThw","deploymentId":"dpl_6PxPD4Fj1JDU9BJxEHvfdUmxKThw","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-hIK1nklX.js","lightbox-handle-r17bVUz3.js"]}