Add images, screenshots, or text files to your prompt to give the AI reference material — mockups, specs, or anything that helps describe your app.
Attachments let you give the AI concrete reference material when describing your app. Instead of explaining a design in words, you can attach a screenshot, mockup, or spec document and let the AI see exactly what you have in mind. Attachments work on both the home screen prompt and in any follow-up message inside the builder.
Below the prompt text field on the home screen (or in the chat input inside the builder), click the paperclip Attach button. A file picker opens where you can select one or more files from your Mac.
2
Drag and drop
Drag files from Finder directly onto the prompt input area. The border highlights in blue when a drop is detected. Release to attach the files.
3
Paste from clipboard
Copy a file in Finder (or copy an image to your clipboard from another app), click into the prompt field, and paste with ⌘V. 10x reads the clipboard and adds any compatible files as attachments automatically.
Attached files appear as small chips below the text field, each showing the filename and a small icon. Click the × on any chip to remove that attachment before submitting.
Plain text, Markdown, code files, CSV, and similar text-based formats
PDFs
Specs, briefs, or design documents
Attaching a screenshot or mockup of the app you want to build is one of the most effective ways to get a first build that matches your vision. The AI uses the visual reference to inform layout, color, and component choices.
To keep things running smoothly, 10x enforces limits on what you can attach per message:
Maximum number of files — you can attach up to a set number of files per message. The Attach button disables automatically when you reach the limit.
Maximum total size — the combined payload of all attachments per message has a size cap. If you exceed it, 10x shows an error and asks you to remove a file before sending.
These limits may change as the product evolves. If you hit a limit, try attaching fewer files or reducing image dimensions before re-attaching.
Very large image files can slow down the AI’s response. If you’re attaching screenshots or mockups, standard resolution exports work better than high-DPI or uncompressed originals.
You can attach files to any message inside the builder — not just the initial prompt. This is useful when you want to show the AI a design reference mid-build, share an updated spec, or point to an existing screenshot for comparison.The same file picker, drag-and-drop, and paste methods work in the chat input inside the builder workspace.
Was this page helpful?
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"10x","colors":{"primary":"#33B93E","light":"#24872D","dark":"#33B93E"},"logo":"https://mintcdn.com/10x-58a4554c/K8KakeV-gb1CgaTM/images/icon.svg?fit=max\u0026auto=format\u0026n=K8KakeV-gb1CgaTM\u0026q=85\u0026s=6a65604ba21b45bfd02426a217cc8c62","favicon":"https://mintcdn.com/10x-58a4554c/K8KakeV-gb1CgaTM/images/icon.svg?fit=max\u0026auto=format\u0026n=K8KakeV-gb1CgaTM\u0026q=85\u0026s=6a65604ba21b45bfd02426a217cc8c62","appearance":{"default":"dark"},"navbar":{"primary":{"type":"github","href":"https://github.com/10x-app-builder/10x"}},"fonts":{"family":"Inter"},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"10x-58a4554c","hasAudioNarration":false,"actualSubdomain":"10x-58a4554c","customDomains":["docs.10x.app"],"gitSource":{"type":"github","owner":"mintlify-community","repo":"docs-10x-58a4554c-453e3f26","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"feedback":{"thumbs":true},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6ae95601f74cc9f20f4efea7:success","clientVersion":"0.0.4094","searchFilterCounts":[{"language":"default","tag":"Documentation","count":16},{"language":"default","tag":"Building Apps","count":5},{"language":"default","tag":"Account \u0026 Billing","count":3},{"language":"default","tag":"Get Started","count":3},{"language":"default","tag":"Preview \u0026 Files","count":3},{"language":"default","tag":"Integrations","count":2}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","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},{"name":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"building/attachments","slug":"/building/attachments","pageMetadata":{"title":"Attach files and images to your app prompt","description":"Add images, screenshots, or text files to your prompt to give the AI reference material — mockups, specs, or anything that helps describe your app.","href":"/building/attachments"},"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 images, screenshots, or text files to your prompt to give the AI reference material — mockups, specs, or anything that helps describe your app.\"\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`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,..._provideComponents(),...props.components},{Heading,Step,Steps,Table,Tip,Warning}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Table)_missingMdxReference(`Table`,true);if(!Tip)_missingMdxReference(`Tip`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`Attachments let you give the AI concrete reference material when describing your app. Instead of explaining a design in words, you can attach a screenshot, mockup, or spec document and let the AI see exactly what you have in mind. Attachments work on both the home screen prompt and in any follow-up message inside the builder.`}),`\n`,_jsx(Heading,{level:`2`,id:`how-to-attach-files`,children:`How to attach files`}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Use the Attach button`,children:_jsxs(_components.p,{children:[`Below the prompt text field on the home screen (or in the chat input inside the builder), click the `,_jsx(_components.strong,{children:`paperclip Attach`}),` button. A file picker opens where you can select one or more files from your Mac.`]})}),_jsx(Step,{title:`Drag and drop`,children:_jsx(_components.p,{children:`Drag files from Finder directly onto the prompt input area. The border highlights in blue when a drop is detected. Release to attach the files.`})}),_jsx(Step,{title:`Paste from clipboard`,children:_jsxs(_components.p,{children:[`Copy a file in Finder (or copy an image to your clipboard from another app), click into the prompt field, and paste with `,_jsx(_components.strong,{children:`⌘V`}),`. 10x reads the clipboard and adds any compatible files as attachments automatically.`]})})]}),`\n`,_jsxs(_components.p,{children:[`Attached files appear as small chips below the text field, each showing the filename and a small icon. Click the `,_jsx(_components.strong,{children:`×`}),` on any chip to remove that attachment before submitting.`]}),`\n`,_jsx(Heading,{level:`2`,id:`supported-file-types`,children:`Supported file types`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Type`}),_jsx(_components.th,{children:`Examples`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Images`})}),_jsx(_components.td,{children:`Screenshots, mockups, wireframes, reference designs, app icons`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Text files`})}),_jsx(_components.td,{children:`Plain text, Markdown, code files, CSV, and similar text-based formats`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`PDFs`})}),_jsx(_components.td,{children:`Specs, briefs, or design documents`})]})]})]}),`\n`,_jsx(Tip,{children:_jsx(_components.p,{children:`Attaching a screenshot or mockup of the app you want to build is one of the most effective ways to get a first build that matches your vision. The AI uses the visual reference to inform layout, color, and component choices.`})}),`\n`,_jsx(Heading,{level:`2`,id:`attachment-limits`,children:`Attachment limits`}),`\n`,_jsx(_components.p,{children:`To keep things running smoothly, 10x enforces limits on what you can attach per message:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Maximum number of files`}),` — you can attach up to a set number of files per message. The Attach button disables automatically when you reach the limit.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Maximum total size`}),` — the combined payload of all attachments per message has a size cap. If you exceed it, 10x shows an error and asks you to remove a file before sending.`]}),`\n`]}),`\n`,_jsx(_components.p,{children:`These limits may change as the product evolves. If you hit a limit, try attaching fewer files or reducing image dimensions before re-attaching.`}),`\n`,_jsx(Warning,{children:_jsx(_components.p,{children:`Very large image files can slow down the AI’s response. If you’re attaching screenshots or mockups, standard resolution exports work better than high-DPI or uncompressed originals.`})}),`\n`,_jsx(Heading,{level:`2`,id:`attachments-in-follow-up-messages`,children:`Attachments in follow-up messages`}),`\n`,_jsx(_components.p,{children:`You can attach files to any message inside the builder — not just the initial prompt. This is useful when you want to show the AI a design reference mid-build, share an updated spec, or point to an existing screenshot for comparison.`}),`\n`,_jsx(_components.p,{children:`The same file picker, drag-and-drop, and paste methods work in the chat input inside the builder workspace.`})]})}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":"Attach files and images to your app prompt","description":"Add images, screenshots, or text files to your prompt to give the AI reference material — mockups, specs, or anything that helps describe your app.","href":"/building/attachments"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"How to attach files","slug":"how-to-attach-files","depth":2,"children":[]},{"title":"Supported file types","slug":"supported-file-types","depth":2,"children":[]},{"title":"Attachment limits","slug":"attachment-limits","depth":2,"children":[]},{"title":"Attachments in follow-up messages","slug":"attachments-in-follow-up-messages","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"10x-58a4554c","siteName":"10x","title":"Attach files and images to your app prompt - 10x","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-04-27T17:19:49.213Z","originalFileLocation":"building/attachments.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=\"dark\"}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 images, screenshots, or text files to your prompt to give the AI reference material — mockups, specs, or anything that helps describe your app.\">\u003cmeta data-mint-head name=\"application-name\" content=\"10x\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/10x-58a4554c/vJ3RFigG6lX3Ioah/_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=\"/mintlify-assets/_mintlify/favicons/10x-58a4554c/vJ3RFigG6lX3Ioah/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/10x-58a4554c/vJ3RFigG6lX3Ioah/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/10x-58a4554c/vJ3RFigG6lX3Ioah/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/10x-58a4554c/vJ3RFigG6lX3Ioah/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/10x-58a4554c/vJ3RFigG6lX3Ioah/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/10x-58a4554c/vJ3RFigG6lX3Ioah/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/10x-58a4554c/vJ3RFigG6lX3Ioah/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/10x-58a4554c/vJ3RFigG6lX3Ioah/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Attach files and images to your app prompt - 10x\">\u003cmeta data-mint-head property=\"og:description\" content=\"Add images, screenshots, or text files to your prompt to give the AI reference material — mockups, specs, or anything that helps describe your app.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"10x\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.10x.app/building/attachments\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://10x-58a4554c.mintlify.site/_mintlify/api/og/v2?division=Building+Apps\u0026amp;title=Attach+files+and+images+to+your+app+prompt\u0026amp;description=Add+images%2C+screenshots%2C+or+text+files+to+your+prompt+to+give+the+AI+reference+material+%E2%80%94+mockups%2C+specs%2C+or+anything+that+helps+describe+your+app.\u0026amp;theme=5553c5c2402035485119d4bc\u0026amp;signature=c59ff215dc379811c3d366b4af5c926dae2147dd8b39d1c5d965c04773a6ed3f\">\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=\"Attach files and images to your app prompt - 10x\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Add images, screenshots, or text files to your prompt to give the AI reference material — mockups, specs, or anything that helps describe your app.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://10x-58a4554c.mintlify.site/_mintlify/api/og/v2?division=Building+Apps\u0026amp;title=Attach+files+and+images+to+your+app+prompt\u0026amp;description=Add+images%2C+screenshots%2C+or+text+files+to+your+prompt+to+give+the+AI+reference+material+%E2%80%94+mockups%2C+specs%2C+or+anything+that+helps+describe+your+app.\u0026amp;theme=5553c5c2402035485119d4bc\u0026amp;signature=c59ff215dc379811c3d366b4af5c926dae2147dd8b39d1c5d965c04773a6ed3f\">\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=\"/mintlify-assets/_mintlify/favicons/10x-58a4554c/vJ3RFigG6lX3Ioah/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"10x\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#33B93E\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.10x.app/building/attachments\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/building/attachments.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.10x.app/#organization\",\"name\":\"10x\",\"url\":\"https://docs.10x.app\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/10x-58a4554c/K8KakeV-gb1CgaTM/images/icon.svg?fit=max\u0026auto=format\u0026n=K8KakeV-gb1CgaTM\u0026q=85\u0026s=6a65604ba21b45bfd02426a217cc8c62\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.10x.app#website\",\"name\":\"10x\",\"url\":\"https://docs.10x.app\",\"publisher\":{\"@id\":\"https://docs.10x.app/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.10x.app/building/attachments#webpage\",\"url\":\"https://docs.10x.app/building/attachments\",\"name\":\"Attach files and images to your app prompt\",\"description\":\"Add images, screenshots, or text files to your prompt to give the AI reference material — mockups, specs, or anything that helps describe your app.\",\"dateModified\":\"2026-04-27T17:19:49.213Z\",\"isPartOf\":{\"@id\":\"https://docs.10x.app#website\"},\"breadcrumb\":{\"@id\":\"https://docs.10x.app/building/attachments#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.10x.app/building/attachments#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Building Apps\",\"item\":\"https://docs.10x.app/building/overview\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Attach files and images to your app prompt\",\"item\":\"https://docs.10x.app/building/attachments\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.10x.app/building/attachments#article\",\"headline\":\"Attach files and images to your app prompt\",\"name\":\"Attach files and images to your app prompt\",\"description\":\"Add images, screenshots, or text files to your prompt to give the AI reference material — mockups, specs, or anything that helps describe your app.\",\"url\":\"https://docs.10x.app/building/attachments\",\"mainEntityOfPage\":{\"@id\":\"https://docs.10x.app/building/attachments#webpage\"},\"dateModified\":\"2026-04-27T17:19:49.213Z\",\"publisher\":{\"@id\":\"https://docs.10x.app/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.10x.app#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"10x\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"10x","nav":{"global":null,"tabs":[{"tab":"Documentation","groups":[{"group":"Get Started","pages":[{"title":"10x: build iOS apps with AI in plain language","href":"/introduction"},{"title":"Quickstart: build your first iOS app with 10x","href":"/quickstart"},{"title":"Install 10x on macOS: requirements and setup","href":"/installation"}]},{"group":"Building Apps","pages":[{"title":"How 10x turns your idea into a running iOS app","href":"/building/overview"},{"title":"Plan mode: AI research and project planning","href":"/building/plan-mode"},{"title":"Build mode: AI writes and edits your SwiftUI code","href":"/building/build-mode"},{"title":"Customize your app's design style and audience","description":"Use the onboarding wizard to choose a visual style, target audience, and extra context before the AI writes a single line of code for your new project.","href":"/building/design-styles"},{"title":"Attach files and images to your app prompt","href":"/building/attachments"}]},{"group":"Preview \u0026 Files","pages":[{"title":"Preview your iOS app on the iPhone Simulator","description":"Compile and run your generated iOS app on the Simulator, capture named screenshots, and let 10x repair build errors automatically — no Xcode switching needed.","href":"/preview/simulator-preview"},{"title":"Browse and view your generated Swift project files","href":"/preview/file-explorer"},{"title":"Open your 10x-generated iOS project in Xcode","href":"/preview/open-in-xcode"}]},{"group":"Integrations","pages":[{"title":"Add a Supabase backend to your 10x iOS app","href":"/integrations/supabase"},{"title":"Configure environment variables for your app","href":"/integrations/environment-variables"}]},{"group":"Account \u0026 Billing","pages":[{"title":"Sign in to 10x and complete account setup","href":"/account/sign-in"},{"title":"Manage your 10x subscription, plans, and credits","href":"/account/billing"},{"title":"View your AI credit balance and usage history","href":"/account/usage"}]}]}]},"basePath":"","title":"Attach files and images to your app prompt - 10x","buildId":"dpl_42LwxxU1kGN114H4XzwGYXa9ZDah","deploymentId":"dpl_42LwxxU1kGN114H4XzwGYXa9ZDah","dynamics":[],"chunks":[]}