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

# Studio's design tools

> What each panel in the Studio editor does.

Studio is a layered design editor: everything on the canvas is an object you can select, move and restyle. These are the panels.

## Adding things

|                |                                                                                       |
| -------------- | ------------------------------------------------------------------------------------- |
| **Text**       | Add and edit text. Font, size, weight, alignment and colour                           |
| **Elements**   | Shapes, lines and graphics                                                            |
| **Images**     | Stock photography, searchable                                                         |
| **Uploads**    | Your own files. See [Uploads and stock images](/help/studio-uploads)                  |
| **Templates**  | Ready-made designs to start from. See [Start from a template](/help/studio-templates) |
| **Background** | The canvas background — a colour, or a generated one                                  |

## Styling what's selected

Select an object and the toolbar changes to match what it is. Text gets font controls; an image gets image controls.

|                   |                                               |
| ----------------- | --------------------------------------------- |
| **Fill colour**   | The object's colour                           |
| **Border**        | Border style and weight                       |
| **Radius**        | Rounded corners                               |
| **Opacity**       | How transparent it is                         |
| **Filters**       | Photo filters on an image                     |
| **Crop**          | Trim an image                                 |
| **Flip**          | Mirror horizontally or vertically             |
| **Position**      | Layer order and alignment                     |
| **Replace image** | Swap the image, keeping its size and position |

**Replace image** is the one worth knowing about. When you're producing the same layout with different products, replacing keeps everything else exactly as it was rather than making you re-place a new image.

## Drawing

**Draw** puts a freehand brush on the canvas. Useful for annotations and highlights.

## Your brand

Studio reads your brand's logos and colours from the brand profile, so they're available while you design and generated designs stay consistent with what you publish. A brand with no visual identity filled in gets generic results here. See [Set up your brand](/help/set-up-your-brand).

## AI

Studio has its own AI tools for images — erasing, extending, replacing part of an image, removing a background, and generating one from a prompt. See [Edit an image with AI](/help/studio-ai-images) and [Generate images in Studio](/help/studio-generate-images).

There's also AI for text layers — rewrite, shorten, expand, change tone, translate — the same actions as the post editor, applied to a text object rather than a caption.

## Related

<Columns cols={2}>
  <Card title="Studio" icon="layout-template" href="/help/studio">
    Starting a design, and getting one into a post.
  </Card>

  <Card title="Sizes and formats" icon="frame" href="/help/studio-formats">
    Designing for the right shape.
  </Card>
</Columns>