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

# Mark & Edit (Region Editing)

> Draw rectangles on specific areas of an image and describe the changes you want for each region.

Mark & Edit lets you select specific areas of an image by drawing numbered rectangles, then give the AI instructions for each marked region. The AI applies all changes at once while keeping the rest of the image untouched. This is the most precise image editing tool in Runable.

## How to use Mark & Edit

<Steps>
  <Step title="Select an image on the canvas">
    Click on the image you want to edit. The selection toolbar appears.
  </Step>

  <Step title="Click Mark Edit">
    Click **Mark Edit** in the toolbar. The image enters marking mode.
  </Step>

  <Step title="Draw rectangles on the areas you want to change">
    Click and drag to draw rectangles over the regions you want edited. They auto-number: 1, 2, 3, and so on.
  </Step>

  <Step title="Write instructions for each region">
    For each numbered mark, type what you want changed. Be specific: describe the change, reference colors, styles, or content.
  </Step>

  <Step title="Optionally attach reference images">
    You can attach a reference image to any region for style guidance. For example, attach a logo file to a region where you want the logo placed.
  </Step>

  <Step title="Click Apply">
    The AI edits all marked regions simultaneously while keeping the rest of the image untouched. A new image appears on the canvas.
  </Step>
</Steps>

## Example use cases

<Prompt description="Edit multiple parts of a storefront mockup">
  I have a storefront mockup image. Mark 3 regions:
  Region 1 (the sign above the door): Change the text from "Your Business" to "Flour & Fold" in a warm serif font, dark brown on cream background.
  Region 2 (the window display): Replace the generic display with an arrangement of bread loaves and pastries.
  Region 3 (the door mat): Change the color from gray to dark brown and add the text "Welcome" in cream.
</Prompt>

<Prompt description="Fix specific areas of a product shot">
  Mark 2 regions on this product photo:
  Region 1 (the label on the bottle): Change the product name from "Sample Label" to "Blue Roasters Cold Brew" and change the color strip from red to navy (#1B2A4A).
  Region 2 (the background on the right side): There is a shadow artifact. Clean it up so the background is uniformly white.
</Prompt>

<Prompt description="Update a social media graphic with new branding">
  Mark 2 regions on this Instagram post graphic:
  Region 1 (the logo in the top left corner): Replace with our new logo. I am attaching the new logo file as a reference.
  Region 2 (the CTA text at the bottom): Change "Learn More" to "Book Now — Link in Bio" and change the button color from blue to coral (#E07A5F).
</Prompt>

<Tip>
  Mark & Edit is the best tool when you need to change multiple specific areas of an image in one pass. For simple text changes, Text Edit is faster. For full image restyling, ask the agent in chat.
</Tip>

## What you cannot do

* You cannot mark regions smaller than a few pixels. The AI needs enough area to understand the context.
* You cannot mark more than about 10-15 regions in one pass. If you need more, apply the first batch and then mark additional regions on the result.
* You cannot undo individual marks after applying. If you need to change one region, run Mark & Edit again on the new image.

## Next steps

<CardGroup cols={2}>
  <Card title="Edit Text in Images" icon="font" href="/edit-text-in-images">
    For quick text changes without drawing regions.
  </Card>

  <Card title="AI Images overview" icon="sparkles" href="/overview-what-is-ai-images">
    See all image tools and capabilities.
  </Card>
</CardGroup>