> ## Documentation Index
> Fetch the complete documentation index at: https://docs.subframe.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Quick edits

> Ask AI in context to edit or insert specific elements.

You can make targeted edits to specific elements using [quick actions](/learn/design-mode/quick-actions).

<video autoPlay muted loop playsInline className="w-full" src="https://hevpkratkeuc60w7.public.blob.vercel-storage.com/Mintlify/right-click-to-edit-USxwkR2AtUTNYiwvm3UYlbL5f62aMP.mp4" />

1. Select an element
2. Right-click or press <kbd>/</kbd> to open [quick actions](/learn/design-mode/quick-actions)
3. Select **Ask AI to edit...**
4. Type what you want to change and press <kbd>Enter</kbd>

You can also ask AI from the inspector panel:

<Frame>
  <img src="https://mintcdn.com/subframe-59800133/E2DcgNWNaQUj3Q4q/images/ask-ai/inline-ask-ai-inspector.png?fit=max&auto=format&n=E2DcgNWNaQUj3Q4q&q=85&s=eee58c80048285395f19b5d7228a4822" alt="Quick edits in the inspector panel" width="1920" height="1440" data-path="images/ask-ai/inline-ask-ai-inspector.png" />
</Frame>

AI replaces or modifies the selected element based on your prompt.

## Quick insert with AI

<video autoPlay muted loop playsInline className="w-full" src="https://hevpkratkeuc60w7.public.blob.vercel-storage.com/Mintlify/quick-insert-with-ai-4Lfih0LHFdcMomP8cLhbnlYnneL1KE.mp4" />

Open the [quick insert](/learn/design-mode/adding-elements) <Icon icon="plus" size={16} /> menu to add new elements using AI.

1. Select an element
2. Click a **+** button (above, below, left, or right)
3. Type what you want to insert
4. Press **Ask AI to insert...**

AI adds the new element next to your selection, automatically applying layout and wrapping stacks for you.

## Reviewing variations

For open-ended prompts, AI 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:

1. Click a variation to preview it live on the canvas
2. Type in the shared input to **Refine...** and regenerate the set (optional)
3. 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.
