# Editor layout

> The toolbar, the tools column with your agent, Media, Library and Transcript, the preview, the Inspector and the timeline.

Formats Studio docs · Start · https://formats.app/docs/editor · Updated 2026-09-28

## The main surfaces

- **Toolbar** (top): back to projects, the app menu with the project name, undo and redo, Save and **Export**. Settings and keyboard shortcuts are in the app menu.
- **Tools column** (left): your agent, your media, the creative library and the transcript.
- **Preview**: the current frame with overlays, safe areas and playback controls.
- **Inspector** (right): everything about the selected clip, or the canvas when nothing is selected.
- **Timeline** (bottom): tracks, clips, sequences and the editing tools.

## The tools column

| Tab | What it holds |
| --- | --- |
| **AI** | The chat with your agent. See [Work with your agent](https://formats.app/docs/agent) |
| **Media** | Imported footage, audio and images, compound clips and sequences, proxies and missing-media controls |
| **Library** | Everything you can add to a project, in one grid of categories |
| **Transcript** | The project transcript: search it, fix words and edit captions |

## The Library

| Category | What it adds |
| --- | --- |
| **Generate** | Images, video, music and voice from hosted AI models. See [Generate with AI](https://formats.app/docs/generate) |
| **Titles** | Text clips from single and multi-line templates |
| **Shapes** | Shape items and masks |
| **Transitions** | Transitions to drag onto a cut |
| **Effects** | GPU effects for the selected clip |
| **Zoom & motion** | Punch-ins, zooms and motion presets |
| **Color looks** | Editable looks with an intensity control |
| **Sounds** | Bundled sound effects |
| **Audio effects** | Effects for audio clips |
| **Stock footage** | Searchable stock video and images |
| **Avatar videos** | AI presenters that read your script (Creator plan) |
| **Voiceover** | Narration from a script (Creator plan) |

## The Inspector

Select a clip to edit it in the Inspector. It shows only the groups that apply to that clip: transform, crop and appearance, text or shape styling, and **Audio** for volume, fades and EQ. **Creative tools** opens **Looks**, **Effects** (including **Color Wheels** and **Curves**) and **Animation** when you choose them. Click a caption to style it. With nothing selected, the Inspector edits the project canvas.

## Stay safe while you work

- Save often with `⌘S`; auto-save can also run on an interval you set in Settings.
- Undo and redo with `⌘Z` and `⇧⌘Z`. They cover your agent's edits as well as yours.
- Open **Keyboard Shortcuts** to search every command, rebind keys and import or export presets.

## Related

- [Work with your agent](https://formats.app/docs/agent): Choose Claude Code, Codex or GitHub Copilot, ask for edits in plain words, and review, apply or undo what it does.
- [Timeline basics](https://formats.app/docs/timeline): Tracks, adding clips, selection, split and join, deleting, snapping, ranges, sequences, and zoom.
- [Clip properties](https://formats.app/docs/properties): Transform, crop, opacity and blend, and the type-specific controls for each kind of clip.
- [Keyboard shortcuts](https://formats.app/docs/keyboard-shortcuts): Default shortcuts by group, plus how to search, rebind, and reset them.