In the page and component editors, you can also make a quick edit from the floating toolbar. Select an element, type your change into the Quick edit input, and press Enter.
The agent replaces or modifies the selected element based on your prompt.If your prompt asks a question, needs more than the selected element, or changes your project’s theme, fonts, or icon library, Subframe sends it to Agent chat with your selection attached instead.
Open the quick insert menu to ask the agent to add new elements.
Select an element
Click a + button (above, below, left, or right)
Type what you want to insert
Press Ask agent to insert…
The agent adds the new element next to your selection, automatically applying layout and wrapping stacks for you. If your prompt changes the selected element instead of adding something new, the agent edits it.
For open-ended prompts, the agent generates up to three distinct variations so you can compare directions before committing. Deterministic edits—like “make the text bold” or “change the button to blue”—return a single result.A review tray appears with a labeled thumbnail for each variation:
Click a variation to preview it live on the canvas
Type in the shared input to Refine… and regenerate the set (optional)
Click Keep to apply the active variation, or Discard to dismiss
When editing an existing element, the tray also includes an Original card so you can compare against the unedited version.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Subframe Docs","colors":{"primary":"#111111","light":"#dddddd","dark":"#111111"},"logo":{"light":"https://res.cloudinary.com/subframe/image/upload/v1711417507/shared/y2rsnhq3mex4auk54aye.png","dark":"https://res.cloudinary.com/subframe/image/upload/v1712778911/uploads/302/ul72rsawfl5muaja4dbp.png"},"favicon":"https://mintcdn.com/subframe-59800133/UtzN_VZHB2fC7oGB/favicon.png?fit=max\u0026auto=format\u0026n=UtzN_VZHB2fC7oGB\u0026q=85\u0026s=0d98a7ca9fe9d810d018908473d7c6a1","navbar":{"links":[{"href":"https://subframe.com","label":"subframe.com"}],"primary":{"type":"button","label":"Log in","href":"https://app.subframe.com"}},"footer":{"socials":{"linkedin":"https://www.linkedin.com/company/subframeapp","x":"https://x.com/SubframeApp","github":"https://github.com/SubframeApp/subframe","instagram":"https://www.instagram.com/subframeapp","slack":"https://join.slack.com/t/subframecommunity/shared_invite/zt-380uma6dv-_lr7_bDLU5DJcoygfUYkeQ","website":"https://subframe.com","youtube":"https://www.youtube.com/@SubframeApp"}},"seo":{"indexing":"all"},"icons":{"library":"lucide"},"integrations":{"ga4":{"measurementId":"G-1GGBBPL5LT"},"intercom":{"appId":"m19ac5dq"},"segment":{"key":"5nOHRiT81iSqK2WHigNEoNZWMG2JcfOq"}},"contextual":{"options":["copy","chatgpt","claude","perplexity"],"display":"header"},"metadata":{"timestamp":true},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"Go to Subframe","icon":"house","href":"https://subframe.com?utm_source=mintlify\u0026utm_medium=docs\u0026utm_campaign=global_link"},{"anchor":"Slack Community","icon":"slack","href":"https://join.slack.com/t/subframecommunity/shared_invite/zt-380uma6dv-_lr7_bDLU5DJcoygfUYkeQ"},{"anchor":"YouTube","icon":"youtube","href":"https://www.youtube.com/@SubframeApp"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"subframe-59800133","hasAudioNarration":false,"actualSubdomain":"subframe-59800133","customDomains":["docs.subframe.com"],"gitSource":{"type":"github","owner":"subframeapp","repo":"subframe","deployBranch":"main","contentDirectory":"packages/docs","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6ae8d5f0137482c03b45980c","collectionId":"6252001c-60d2-408c-a2fe-b9636909651b","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6ae8d5f0137482c03b45980c"},"feedback":{"thumbs":true,"edits":true,"issues":true},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6ae91f999ea91cadc17f5ae0","clientVersion":"0.0.4045","searchFilterCounts":[{"language":"default","tag":"Design","count":39},{"language":"default","tag":"Core Concepts","count":18},{"language":"default","tag":"Building from scratch","count":16},{"language":"default","tag":"Using the editor","count":12},{"language":"default","tag":"Agent","count":8},{"language":"default","tag":"Components","count":6},{"language":"default","tag":"Developer guides","count":6},{"language":"default","tag":"Browser","count":5},{"language":"default","tag":"Troubleshooting","count":5},{"language":"default","tag":"Admin and billing","count":4}]},"assistantConfig":{"enableAskAiButton":true,"enableStarterQuestions":false,"enableAskAiSearchBar":true,"deflection":{"enabled":true,"email":"support@subframe.com","showHelpButton":true}},"basePath":"","hasChatPermissions":true,"hasWebMcpPermissions":true,"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":"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":"byok-sep-25","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":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","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":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[{"filePath":"style.css","content":".frame{background:#f5f5f5}"}],"page":{"pagePath":"design/ask-ai/making-quick-edits","slug":"/design/ask-ai/making-quick-edits","pageMetadata":{"title":"Quick edits","description":"Ask the agent in context to edit or insert specific elements.","href":"/design/ask-ai/making-quick-edits"},"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: \"Ask the agent in context to edit or insert specific elements.\"\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={a:`a`,li:`li`,ol:`ol`,p:`p`,strong:`strong`,..._provideComponents(),...props.components},{Frame,Heading,Icon,OptimizedImage}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Icon)_missingMdxReference(`Icon`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[`You can make targeted edits to specific elements using `,_jsx(_components.a,{href:`/design/design-mode/quick-actions`,children:`quick actions`}),`.`]}),`\n`,_jsx(`video`,{autoPlay:true,muted:true,loop:true,playsInline:true,className:`mint-w-full`,src:`https://mintcdn.com/subframe-59800133/8aw-1C9kraDsFhl_/videos/ask-ai/right-click-to-edit.mp4?fit=max\u0026auto=format\u0026n=8aw-1C9kraDsFhl_\u0026q=85\u0026s=8049d2e034695ae05807eae9b2478e42`,\"data-path\":`videos/ask-ai/right-click-to-edit.mp4`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`Select an element`}),`\n`,_jsxs(_components.li,{children:[`Right-click or press `,_jsx(`kbd`,{children:`/`}),` to open `,_jsx(_components.a,{href:`/design/design-mode/quick-actions`,children:`quick actions`})]}),`\n`,_jsxs(_components.li,{children:[`Select `,_jsx(_components.strong,{children:`Ask agent to edit…`})]}),`\n`,_jsxs(_components.li,{children:[`Type what you want to change and press `,_jsx(`kbd`,{children:`Enter`})]}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`In the page and component editors, you can also make a quick edit from the floating toolbar. Select an element, type your change into the `,_jsx(_components.strong,{children:`Quick edit`}),` input, and press `,_jsx(`kbd`,{children:`Enter`}),`.`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/quick-edit-toolbar.png?fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=22f605a1c8e4eb51630154fdbaf84f44`,className:`mint-w-[465px]`,alt:`The floating toolbar at the bottom of the editor with the Quick edit input beside it, ready for a prompt about the selected Text element`,\"data-og-width\":`930`,width:`930`,\"data-og-height\":`112`,height:`112`,\"data-path\":`images/ask-ai/quick-edit-toolbar.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/quick-edit-toolbar.png?w=280\u0026fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=06cd8416213a9bfa02f12cc4def8058e 280w, https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/quick-edit-toolbar.png?w=560\u0026fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=b3214db78ff89e6447c38cef3fd33f5e 560w, https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/quick-edit-toolbar.png?w=840\u0026fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=95362a561d1ad3b90e689c9f9048d447 840w, https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/quick-edit-toolbar.png?w=1100\u0026fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=bc0e9a245b7c823c9ee65bf936dd0d3c 1100w, https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/quick-edit-toolbar.png?w=1650\u0026fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=037dc9bd1143d6938dc0176f1c90b70d 1650w, https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/quick-edit-toolbar.png?w=2500\u0026fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=788ee7b943927312f74b850247ac1829 2500w`})}),`\n`,_jsx(_components.p,{children:`The agent replaces or modifies the selected element based on your prompt.`}),`\n`,_jsxs(_components.p,{children:[`If your prompt asks a question, needs more than the selected element, or changes your project’s theme, fonts, or icon library, Subframe sends it to `,_jsx(_components.a,{href:`/design/ask-ai/prompt-to-design`,children:`Agent chat`}),` with your selection attached instead.`]}),`\n`,_jsx(Heading,{level:`2`,id:`quick-insert-with-ai`,children:`Quick insert with AI`}),`\n`,_jsx(`video`,{autoPlay:true,muted:true,loop:true,playsInline:true,className:`mint-w-full`,src:`https://mintcdn.com/subframe-59800133/8aw-1C9kraDsFhl_/videos/ask-ai/quick-insert-with-ai.mp4?fit=max\u0026auto=format\u0026n=8aw-1C9kraDsFhl_\u0026q=85\u0026s=10d0fd4c5bcc76c702cc56e8836cdaf1`,\"data-path\":`videos/ask-ai/quick-insert-with-ai.mp4`}),`\n`,_jsxs(_components.p,{children:[`Open the `,_jsx(_components.a,{href:`/design/design-mode/adding-elements`,children:`quick insert`}),` `,_jsx(Icon,{icon:`plus`,size:16}),` menu to ask the agent to add new elements.`]}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`Select an element`}),`\n`,_jsxs(_components.li,{children:[`Click a `,_jsx(_components.strong,{children:`+`}),` button (above, below, left, or right)`]}),`\n`,_jsx(_components.li,{children:`Type what you want to insert`}),`\n`,_jsxs(_components.li,{children:[`Press `,_jsx(_components.strong,{children:`Ask agent to insert…`})]}),`\n`]}),`\n`,_jsx(_components.p,{children:`The agent adds the new element next to your selection, automatically applying layout and wrapping stacks for you. If your prompt changes the selected element instead of adding something new, the agent edits it.`}),`\n`,_jsx(Heading,{level:`2`,id:`reviewing-variations`,children:`Reviewing variations`}),`\n`,_jsx(_components.p,{children:`For open-ended prompts, the agent generates up to three distinct variations so you can compare directions before committing. Deterministic edits—like “make the text bold” or “change the button to blue”—return a single result.`}),`\n`,_jsx(_components.p,{children:`A review tray appears with a labeled thumbnail for each variation:`}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/variation-review-tray.png?fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=c11a24fab5fbd268915109cf35e7ad98`,className:`mint-w-[652px]`,alt:`The variation review tray above the floating toolbar, showing the prompt with Discard and Keep, three labeled variations of a Guests label, and the Original card, with the Refine input below`,\"data-og-width\":`1304`,width:`1304`,\"data-og-height\":`596`,height:`596`,\"data-path\":`images/ask-ai/variation-review-tray.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/variation-review-tray.png?w=280\u0026fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=7f5ddba46c8cb948c5f8b52385687e27 280w, https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/variation-review-tray.png?w=560\u0026fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=b14443762634d2e5f5361329aaf33b42 560w, https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/variation-review-tray.png?w=840\u0026fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=cea855ae836c8927f857419c3b6c733b 840w, https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/variation-review-tray.png?w=1100\u0026fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=560d0c427dc09cbeadaadf72f167492d 1100w, https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/variation-review-tray.png?w=1650\u0026fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=03f08b4bce58654a61d9b5e6009ce8d6 1650w, https://mintcdn.com/subframe-59800133/_jZfeZhj3pBpN0Uz/images/ask-ai/variation-review-tray.png?w=2500\u0026fit=max\u0026auto=format\u0026n=_jZfeZhj3pBpN0Uz\u0026q=85\u0026s=075559be0d309324788277849ca7c87a 2500w`})}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`Click a variation to preview it live on the canvas`}),`\n`,_jsxs(_components.li,{children:[`Type in the shared input to `,_jsx(_components.strong,{children:`Refine…`}),` and regenerate the set (optional)`]}),`\n`,_jsxs(_components.li,{children:[`Click `,_jsx(_components.strong,{children:`Keep`}),` to apply the active variation, or `,_jsx(_components.strong,{children:`Discard`}),` to dismiss`]}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`When editing an existing element, the tray also includes an `,_jsx(_components.strong,{children:`Original`}),` card so you can compare against the unedited version.`]})]})}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":"Quick edits","description":"Ask the agent in context to edit or insert specific elements.","href":"/design/ask-ai/making-quick-edits"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Quick insert with AI","slug":"quick-insert-with-ai","depth":2,"children":[]},{"title":"Reviewing variations","slug":"reviewing-variations","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"dynamicCss":".mint-w-\\[465px\\] {\n width: 465px\n}\n.mint-w-\\[652px\\] {\n width: 652px\n}\n.mint-w-full {\n width: 100%\n}","subdomain":"subframe-59800133","siteName":"Subframe Docs","title":"Quick edits - Subframe Docs","relatedPagesConfig":{"enabled":true,"limit":3,"mode":"automatic"},"navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-10-22T01:23:09.226Z","gitLastModified":"2026-10-22T01:22:59.000Z","originalFileLocation":"design/ask-ai/making-quick-edits.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=\"Ask the agent in context to edit or insert specific elements.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Subframe Docs\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/subframe-59800133/HHX6b_IDVg3WcJms/_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/subframe-59800133/HHX6b_IDVg3WcJms/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/subframe-59800133/HHX6b_IDVg3WcJms/_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/subframe-59800133/HHX6b_IDVg3WcJms/_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/subframe-59800133/HHX6b_IDVg3WcJms/_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/subframe-59800133/HHX6b_IDVg3WcJms/_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/subframe-59800133/HHX6b_IDVg3WcJms/_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/subframe-59800133/HHX6b_IDVg3WcJms/_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/subframe-59800133/HHX6b_IDVg3WcJms/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Quick edits - Subframe Docs\">\u003cmeta data-mint-head property=\"og:description\" content=\"Ask the agent in context to edit or insert specific elements.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Subframe Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.subframe.com/design/ask-ai/making-quick-edits\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://subframe-59800133.mintlify.app/_mintlify/api/og/v2?division=Designing+with+AI\u0026amp;title=Quick+edits\u0026amp;description=Ask+the+agent+in+context+to+edit+or+insert+specific+elements.\u0026amp;theme=69b2f1aca99b9fa855dd05fd\u0026amp;signature=cc03d0c2207500e46b24e54bbc15b0f142681b7cbe31521f77c338fd101cf0d4\">\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=\"Quick edits - Subframe Docs\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Ask the agent in context to edit or insert specific elements.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://subframe-59800133.mintlify.app/_mintlify/api/og/v2?division=Designing+with+AI\u0026amp;title=Quick+edits\u0026amp;description=Ask+the+agent+in+context+to+edit+or+insert+specific+elements.\u0026amp;theme=69b2f1aca99b9fa855dd05fd\u0026amp;signature=cc03d0c2207500e46b24e54bbc15b0f142681b7cbe31521f77c338fd101cf0d4\">\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/subframe-59800133/HHX6b_IDVg3WcJms/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Subframe Docs\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#111111\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.subframe.com/design/ask-ai/making-quick-edits\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/design/ask-ai/making-quick-edits.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.subframe.com/#organization\",\"name\":\"Subframe Docs\",\"url\":\"https://docs.subframe.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://res.cloudinary.com/subframe/image/upload/v1711417507/shared/y2rsnhq3mex4auk54aye.png\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.subframe.com#website\",\"name\":\"Subframe Docs\",\"url\":\"https://docs.subframe.com\",\"publisher\":{\"@id\":\"https://docs.subframe.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.subframe.com/design/ask-ai/making-quick-edits#webpage\",\"url\":\"https://docs.subframe.com/design/ask-ai/making-quick-edits\",\"name\":\"Quick edits\",\"description\":\"Ask the agent in context to edit or insert specific elements.\",\"dateModified\":\"2026-10-22T01:22:59.000Z\",\"isPartOf\":{\"@id\":\"https://docs.subframe.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.subframe.com/design/ask-ai/making-quick-edits#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.subframe.com/design/ask-ai/making-quick-edits#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Design\",\"item\":\"https://docs.subframe.com/design/overview\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Designing with AI\",\"item\":\"https://docs.subframe.com/design/ask-ai/prompt-to-design\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Quick edits\",\"item\":\"https://docs.subframe.com/design/ask-ai/making-quick-edits\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.subframe.com/design/ask-ai/making-quick-edits#article\",\"headline\":\"Quick edits\",\"name\":\"Quick edits\",\"description\":\"Ask the agent in context to edit or insert specific elements.\",\"url\":\"https://docs.subframe.com/design/ask-ai/making-quick-edits\",\"mainEntityOfPage\":{\"@id\":\"https://docs.subframe.com/design/ask-ai/making-quick-edits#webpage\"},\"dateModified\":\"2026-10-22T01:22:59.000Z\",\"publisher\":{\"@id\":\"https://docs.subframe.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.subframe.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Subframe Docs\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Subframe Docs","nav":{"global":{"anchors":[{"anchor":"Go to Subframe","icon":"house","href":"https://subframe.com?utm_source=mintlify\u0026utm_medium=docs\u0026utm_campaign=global_link"},{"anchor":"Slack Community","icon":"slack","href":"https://join.slack.com/t/subframecommunity/shared_invite/zt-380uma6dv-_lr7_bDLU5DJcoygfUYkeQ"},{"anchor":"YouTube","icon":"youtube","href":"https://www.youtube.com/@SubframeApp"}]},"pages":[{"title":"Introduction","href":"/overview"},{"title":"Quickstart","href":"/quickstart"},{"title":"Desktop app","href":"/desktop-app"},{"title":"FAQ","href":"/faq"},{"group":"Design","pages":[{"title":"Overview","href":"/design/overview"},{"group":"Core Concepts","pages":[{"title":"Elements","href":"/design/elements"},{"group":"Components","pages":[{"title":"Overview","href":"/design/components/overview"},{"title":"Subcomponents","href":"/design/components/subcomponents"},{"title":"Props \u0026 slots","href":"/design/components/props-and-slots"},{"title":"Variants","href":"/design/components/variants"},{"title":"Hover, active, focus states","href":"/design/components/states"},{"title":"Import existing design system","href":"/design/components/importing"}]},{"title":"Pages","href":"/design/pages"},{"group":"Theme","pages":[{"title":"Customizing theme","href":"/design/theme/customizing-theme"},{"title":"Importing tokens","href":"/design/theme/importing-tokens"},{"title":"Exporting theme","href":"/design/theme/exporting-theme"},{"title":"Adding custom fonts","href":"/design/theme/adding-custom-fonts"}]},{"title":"Canvases","href":"/design/canvases"},{"title":"Snippets","href":"/design/snippets"},{"title":"Writing design docs","href":"/design/documents"},{"group":"Projects","pages":[{"title":"Overview","href":"/design/projects/overview"},{"title":"Project settings","href":"/design/projects/project-settings"},{"title":"Version history","href":"/design/projects/version-history"}]}]},{"group":"Using the editor","pages":[{"title":"Layers","href":"/design/design-mode/layers"},{"title":"Inspector","href":"/design/design-mode/inspector"},{"title":"Adding elements","href":"/design/design-mode/adding-elements"},{"title":"Working with stacks","href":"/design/design-mode/working-with-stacks"},{"title":"Page layouts","href":"/design/design-mode/page-layouts"},{"title":"Previewing designs","href":"/design/design-mode/preview"},{"title":"Responsive design","href":"/design/design-mode/responsive-design"},{"title":"Quick actions","href":"/design/design-mode/quick-actions"},{"title":"Keyboard shortcuts","href":"/design/design-mode/keyboard-shortcuts"},{"title":"Comments","href":"/design/design-mode/comments"},{"title":"Share designs","href":"/design/design-mode/share-designs"},{"title":"Custom CSS","href":"/design/design-mode/custom-css"}]},{"group":"Designing with AI","pages":[{"title":"Generating designs","description":"Generate AI designs in Agent chat, edit pages and components, and update your Subframe theme.","href":"/design/ask-ai/prompt-to-design"},{"title":"Quick edits","href":"/design/ask-ai/making-quick-edits"},{"title":"Image to design","description":"Turn screenshots, Figma exports, and web pages into designs with Subframe’s AI agent.","href":"/design/ask-ai/image-to-design"},{"title":"Adding context with @","href":"/design/ask-ai/adding-context"}]},{"title":"Exporting code and images","href":"/design/code-mode/overview"},{"group":"Prototype mode","pages":[{"title":"Creating prototypes","href":"/design/prototype-mode/overview"},{"title":"Annotations","href":"/design/prototype-mode/annotations"},{"title":"Interactions","href":"/design/prototype-mode/click-through-prototypes"}]}]},{"group":"Browser","pages":[{"title":"Overview","href":"/browser/overview"},{"title":"Previewing your local app","href":"/browser/previewing-your-local-app"},{"title":"Making live edits","href":"/browser/making-live-edits"},{"title":"Capturing as designs","href":"/browser/capturing-as-designs"},{"title":"Troubleshooting","href":"/browser/troubleshooting"}]},{"group":"Agent","pages":[{"title":"Using Agent chat","href":"/agent/overview"},{"title":"Connecting an agent","href":"/agent/connecting-an-agent"},{"title":"MCP server","href":"/agent/mcp-server"},{"title":"Connecting your codebase","href":"/agent/connecting-your-codebase"},{"title":"Giving your agent context","href":"/agent/giving-your-agent-context"},{"title":"Making code changes","href":"/agent/making-code-changes"},{"title":"Managing chats","href":"/agent/managing-chats"},{"title":"Troubleshooting","href":"/agent/troubleshooting"}]},{"group":"Building from scratch","pages":[{"sidebarTitle":"Overview","title":"Starting your design system in Subframe","href":"/develop/overview"},{"title":"Installation","href":"/develop/installation"},{"group":"How it works","pages":[{"title":"Design to code workflow","href":"/develop/concepts/design-to-code"},{"title":"Code generation","href":"/develop/concepts/code-generation"},{"title":"Syncing components","href":"/develop/concepts/syncing-components"}]},{"group":"Developer guides","pages":[{"title":"Dark mode","href":"/develop/guides/dark-mode"},{"title":"Accessibility","href":"/develop/guides/accessibility"},{"title":"Testing","href":"/develop/guides/testing"},{"title":"CLI in CI \u0026 agents","href":"/develop/guides/cli-automation"},{"title":"Publishing to NPM","href":"/develop/guides/publish-to-npm"},{"title":"Component directories","href":"/develop/upgrading/component-directories"}]},{"group":"Troubleshooting","pages":[{"title":"Next.js","href":"/develop/frameworks/nextjs"},{"title":"Vite","href":"/develop/frameworks/vite"},{"title":"Astro","href":"/develop/frameworks/astro"},{"title":"Monorepo","href":"/develop/frameworks/monorepo"},{"sidebarTitle":"Other (manual)","title":"Manual installation","href":"/develop/frameworks/manual"}]}]},{"group":"Admin and billing","pages":[{"title":"Managing team members","href":"/admin/managing-team"},{"title":"Managing pricing and plans","href":"/admin/pricing-and-plans"},{"title":"Managing auth tokens","href":"/admin/auth-tokens"},{"group":"Single sign-on (SSO)","pages":[{"title":"Setting up Okta SSO","href":"/admin/sso/okta"}]}]}]},"basePath":"","title":"Quick edits - Subframe Docs","buildId":"dpl_36EDyZCDfRuoUD9af5CH4M1bqY2h","deploymentId":"dpl_36EDyZCDfRuoUD9af5CH4M1bqY2h","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-DW6UFrUy.js","DynamicMarkdown-B62XqCSI.js","zoom-image-lightbox-eHyQ0tlO.js","lightbox-handle-r17bVUz3.js"]}