# Slide Studio & Diagram Studio

Build presentation decks and whiteboard diagrams inside the same project as your video, image, and audio work — then present fullscreen, export to PowerPoint or PDF, or send a diagram straight into your Media library.

**On this page**

- [What they are](#what-they-are)
- [Before you start](#before-you-start)
- [Slide Studio](#slide-studio)
  - [Open it](#open-it)
  - [The workspace](#the-workspace)
  - [Building your deck](#building-your-deck)
  - [Speaker notes](#speaker-notes)
  - [Presenting](#presenting)
  - [Exporting the deck](#exporting-the-deck)
  - [From Write: Send to Slides](#from-write-send-to-slides)
- [Diagram Studio](#diagram-studio)
  - [Open it and manage diagrams](#open-it-and-manage-diagrams)
  - [Drawing](#drawing)
  - [Exporting to your Media library](#exporting-to-your-media-library)
- [Tips](#tips)
- [Troubleshooting](#troubleshooting)
- [Related pages](#related-pages)

---

## What they are

**Slide Studio** is CoreReflex's deck builder. A deck is an ordered set of slides on the same design canvas the Image Studio uses — every slide is a full 1920×1080 layout you can arrange freely. From one panel you manage slides, jot speaker notes, present fullscreen, and export the whole deck as a PowerPoint file, a multi-page PDF, or a zip of images.

**Diagram Studio** is the whiteboard room. It's a freeform sketching canvas for flowcharts, wireframes, storyboards, mind maps, and client workflows. Diagrams live inside your project, and a finished sketch exports as a PNG or SVG directly into your Media library — ready to drop onto the video timeline or into a design.

Both are **modes of the one studio editor project**, not separate apps. The mode switcher in the studio bar at the top of the editor (Video · Audio · Image · Brand · Slides · Diagram · Write · Workflow) flips between rooms of the same project — your decks, diagrams, designs, and timeline all share one file library, one undo history, and one Save.

---

## Before you start

- Sign in at [editor.corereflex.com](https://editor.corereflex.com) — it's the same account as the [dashboard](https://corereflex.com). See [Getting Started](getting-started.md) if you're new.
- Open (or create) a project. Everything you build in Slides and Diagram mode belongs to the project that's open.
- Know the two universal controls in the toolbar under the studio bar: **Undo / Redo** work across every mode, and the **Save** button stores the whole project — decks, diagrams, notes, and all — to your workspace.

---

## Slide Studio

### Open it

1. Open the editor and click **Slides** in the mode switcher at the top.
2. On your first visit, Slide Studio creates an **Untitled deck** for you automatically, with one blank white 1920×1080 slide. You're ready to build immediately — no setup dialog.

### The workspace

Slide Studio is a dockable workspace with three parts:

| Area | What it's for |
|------|---------------|
| **Center — the canvas** | The active slide at full fidelity. Click elements to select them; drag to move; use the corner and edge handles to resize and the rotate handle to spin. Click empty space to deselect. |
| **Layers panel** (left by default) | Every element on the active slide, front-most on top. Drag rows to restack, toggle the eye to show/hide, toggle the lock to protect an element from edits, double-click a name to rename it, and use the row controls to duplicate or delete. |
| **Properties panel** (right by default) | The deck controls: the slide list, add-to-slide tools, **Present**, **Speaker notes**, and **Export deck**. |

Panels aren't fixed furniture — drag a panel's header to move it to another edge, collapse it, or resize the zones. Your arrangement is remembered.

### Building your deck

**Slides**

- The **Slides** section lists every slide in order (Slide 1, Slide 2, …) with a count in the header. Click a slide to open it on the canvas.
- **＋ Slide** adds a fresh blank slide at the end of the deck and opens it.
- **⧉ Duplicate** copies the current slide — the copy lands immediately after the original, so it's the fastest way to reuse a layout.
- Click **✕** on a slide row to delete it. A deck always keeps at least one slide, so the delete control disappears when only one remains.

**Adding content**

- **＋ Text** drops a bold, centered text box onto the slide.
- **＋ Shape** drops a rounded rectangle you can recolor by layering, resize, and use as a background block, divider, or badge.
- **Paste from Image Studio.** The design clipboard is shared across the studios: build a styled element in **Image** mode (where the full text editor lives — content, font size, color, bold/italic, alignment — plus your project images), copy it with **Cmd/Ctrl+C**, switch to **Slides**, and paste it onto a slide with **Cmd/Ctrl+V**. This is also how images get onto slides. What a text box *says* is edited in Image mode or in the Write document that generated the deck — Slide Studio itself is where you arrange, restack, and present.

**Canvas shortcuts** (click the canvas first so it has focus)

| Shortcut | Action |
|----------|--------|
| Drag on empty canvas | Marquee-select multiple elements |
| Arrow keys | Nudge the selection 1 px (**Shift** = 10 px) |
| **Delete** / **Backspace** | Delete the selection (locked layers are protected) |
| **Cmd/Ctrl+A** | Select everything visible and unlocked |
| **Cmd/Ctrl+C** / **Cmd/Ctrl+V** | Copy / paste elements — repeat pastes cascade so copies never hide behind each other |
| **Cmd/Ctrl+D** | Duplicate the selection in place |
| **Cmd/Ctrl+]** / **Cmd/Ctrl+[** | Bring to front / send to back |
| **Esc** | Deselect |

Every change is undoable with the toolbar Undo/Redo, and the deck saves with the project.

### Speaker notes

Each slide carries its own private notes:

1. Select a slide.
2. Type into the **Speaker notes** box in the Properties panel.

Notes are for you — they never appear on the slide, on the presentation stage, or in any export. They're stored with the slide, so they survive duplication-free (a duplicated slide copies its notes too), travel with the deck, and land in your project when you save. Each editing session becomes a single undo step, so one Undo removes the whole note edit rather than one letter at a time.

### Presenting

1. Click **▶ Present** in the Properties panel. The show starts **from the slide you have open**, so you can jump straight to the section you're rehearsing.
2. The deck takes over the whole screen. If your browser blocks fullscreen, the presenter still runs as a full-window overlay — navigation is identical.

**Navigating the show**

| Input | Action |
|-------|--------|
| Click anywhere · **→** · **↓** · **Page Down** · **Space** · **Enter** | Next slide |
| **←** · **↑** · **Page Up** | Previous slide |
| **Home** | Jump to the first slide |
| **End** | Jump to the last slide |
| **Esc** | End the show |

- A **slide counter** (e.g. `3 / 12`) sits in the bottom-right corner.
- Advancing past the last slide ends the show — the universal presenter convention.
- The next slide's images are preloaded in the background, so advancing is instant.
- When you exit, you land back in the editor **on the slide you ended on** — handy for fixing the exact slide you stumbled over mid-rehearsal.

Speaker notes are not displayed while presenting; review them in the panel before you go on.

### Exporting the deck

In the **Export deck** section, pick a format and click **⬇ Export**. The file downloads straight to your computer, named after the deck.

| Format | What you get |
|--------|--------------|
| **PPTX** | A genuine PowerPoint file that opens in PowerPoint, Keynote, and Google Slides. Each slide is one full-slide picture rendered at 2× resolution, so it looks pixel-identical to the editor everywhere. It's built to *present anywhere*, not for re-editing — the text isn't editable inside PowerPoint. |
| **PDF** | One multi-page PDF, one page per slide — the natural deck deliverable for email and review. |
| **PNG / JPG / WebP / SVG** | A `.zip` containing one numbered file per slide (`slide-01`, `slide-02`, …) — PNG/JPG/WebP as pixel-perfect stills, SVG as real vector artwork. |

Oversized custom decks are automatically scaled to fit PowerPoint's maximum slide dimensions, so an exported PPTX always opens cleanly.

### From Write: Send to Slides

The fastest way to a full deck is not to build it slide by slide — it's to write it:

1. Switch to **Write** mode and generate or open a document.
2. Click **→ Send to Slides**.
3. CoreReflex builds a deck from the document — a centered title slide, then one slide per heading with the text beneath it as the body — and drops you into Slide Studio with the deck open.

If your workspace has a promoted brand kit, the deck arrives tinted on-brand: a primary-colored title slide with automatically readable text and a brand accent bar across each slide. To reword the deck, edit the document in Write and send it again — the words live in the document.

Full details in [Writing & Content](writing-and-content.md).

---

## Diagram Studio

### Open it and manage diagrams

1. Click **Diagram** in the mode switcher.
2. Click **+ New** in the left rail to create a diagram, or click an existing one to open it.

The left rail lists every diagram in the project, most recently edited first, with its element count. A **· in Media** tag appears once a diagram has been exported to your Media library.

- **Rename** a diagram by typing in the name field at the top of the canvas.
- **Delete** it with the Delete button in the same header strip.
- Diagrams persist **per project** — switch projects and each one keeps its own set.

### Drawing

The canvas is a full whiteboard with a hand-sketched feel, skinned to match the studio's dark look:

- **Draw freely** — shapes (rectangles, ellipses, diamonds), arrows and connector lines, a freehand pen, text labels, and images, all from the toolbar at the top of the canvas.
- **Style everything** — stroke, fill, and text options appear in a floating panel when something is selected.
- **Canvas menu** — the menu in the corner offers **Clear canvas** and **Change canvas background**; the background color (and grid, if you turn it on) are saved with the diagram.
- **Its own undo** — while you're drawing, **Cmd/Ctrl+Z** undoes strokes inside the whiteboard itself, independent of the editor's global undo.

Your work is captured into the project automatically a moment after you pause drawing (and whenever you switch diagrams or modes) — nothing to confirm. As with everything in the editor, click **Save** in the toolbar to store the project to your workspace.

### Exporting to your Media library

Unlike deck exports (which download to your computer), diagram exports land **inside CoreReflex**:

1. Open the diagram.
2. Click **Export PNG → Media** for a crisp 2×-resolution image with its background, or **SVG → Media** for scalable vector artwork.
3. The file is saved to your project's **Media** library — the same library the video timeline, Image Studio, and the rest of the project draw from.

From there, drop the storyboard onto your timeline, place the flowchart into a design or a slide (via Image mode), or attach it to client work. Exports capture exactly what's on screen at that moment, including strokes you just drew. Each export saves a fresh file, and the diagram's rail entry gains the **· in Media** tag. An empty diagram has nothing to export — draw at least one element first.

---

## Tips

- **Write first, design second.** For content-heavy decks, draft in Write mode and use **→ Send to Slides** — you get a structured, brand-tinted deck in one click, then polish the layout in Slide Studio.
- **Make a template slide.** Lay out one slide with your background block, accent bar, and title placement, then **⧉ Duplicate** it for every new section.
- **Use the shared clipboard.** Anything you can build in Image Studio — styled text, logos from your library, generated images — copies with **Cmd/Ctrl+C** and pastes onto a slide with **Cmd/Ctrl+V**. It also works slide-to-slide.
- **Lock the furniture.** Lock background blocks and accent bars in the Layers panel so a stray drag never moves them while you arrange content on top.
- **Present to rehearse.** Presenting starts from the current slide, and exiting returns you to the slide you ended on — jump in anywhere, find the weak slide, fix it, repeat.
- **Diagram → timeline.** Export a storyboard or annotated frame as PNG to Media, then place it on the video timeline as a planning overlay or an explainer graphic.
- **Pick the right deck export.** PDF for review and email, PPTX to present on someone else's machine, the SVG zip when a designer wants vectors.

## Troubleshooting

- **Present didn't go fullscreen.** Your browser declined the fullscreen request (some do unless the click is "trusted"). The presenter automatically runs as a full-window overlay instead — every key and click works the same. Press **Esc** to exit as usual.
- **The show ended when I pressed Esc once.** That's expected — Esc ends the presentation (in fullscreen, the browser leaves fullscreen and the show ends with it).
- **I can't edit the words in an exported PPTX.** By design: each PPTX slide is a picture of your slide, so it looks identical everywhere. To change the words, edit the deck in CoreReflex (or re-send the source document from Write) and export again.
- **Export failed.** Usually an image on a slide hadn't finished loading or its file is missing from the project. Wait a moment for assets to finish syncing (the activity bar shows progress), then export again.
- **The ✕ delete control vanished from my slide list.** Only one slide is left — a deck always keeps at least one. Add a new slide first if you're replacing it.
- **I sent a document to Slides twice and now see only one deck.** Each send builds a brand-new deck and opens it. After a page reload, Slide Studio opens the project's first deck — to get back to a later version, send the document from Write again (it builds a fresh copy from the current text).
- **My diagram edits aren't in the cloud.** Drawing is captured into the open project automatically, but the project itself stores to your workspace when you click **Save** in the toolbar — same as your timeline edits.
- **The diagram export buttons do nothing.** The canvas is empty — exports need at least one drawn element.

## Related pages

- [Writing & Content](writing-and-content.md) — the Write studio and the **→ Send to Slides** / **→ Send to Script** handoffs.
- [Editing & Mastering](editing-and-mastering.md) — the video timeline your diagram exports can land on.
- [Getting Started](getting-started.md) — accounts, sign-in, and your first project.
- [Proofing & Approvals (Pro)](proofing-and-approvals.md) — share an exported deliverable with a client for sign-off.
