> Yomates Help Center - all pages: https://yomates.ai/llms.txt

# Detail pages and carousels

> Have an agent lay out a detail page, card or Instagram carousel on the canvas, then change it and export it.

## Where the work shows up

Mina, the designer, lays out detail pages and Instagram carousels, but any agent can. What an agent works on opens beside the chat, so you watch it take shape, with a tab for each thing it has opened: **Canvas**, **Video**, **Browser**, **Gallery** and **Draft**. **Watch agent** goes back to what the agent is working on.

**↗ EDIT** on the canvas preview, or **↗ OPEN** on the others, opens it full size. **BACK TO THREAD** returns to the chat.

## Make a page or carousel

1. Attach a product photo: drag it into the message box, or click the paperclip (**Attach photos and files**).
2. Ask, for example: "Make a detail page for this" or "Make a 5-slide Instagram carousel for this".
3. Watch the canvas build it a section at a time.
4. Click **↗ EDIT** to open the canvas.

Scroll to move around. Pinch, or hold ⌘ (Ctrl on Windows and Linux) and scroll, to zoom. **FIT** fits the frame, **ALL** shows every frame, **HIDE** clears the columns away. **LAYERS** on the left lists every frame and element; the sidebar button at the left of the top bar (⌘S) opens it.

## Change it

**Ask the agent:** click an element, then type in the chat over the canvas, such as "make this bigger" or "change this headline". The agent knows what you picked and which frame you're looking at. Shift-click picks more than one.

**Or do it yourself:** with an element picked, the right column is an inspector: **TEXT**, **LAYOUT**, **SIZE**, **TYPE**, **FILL**, **BORDER**, **SHADOW**, **FILTER**, **BLENDING**, **DUPLICATE** and **DELETE**. Double-click text to retype it. Drag an element to move it. ⌘Z or Ctrl+Z undoes.

To resize a frame:

1. Click the frame's name above it.
2. Under **FRAME SIZE** (**CARD SIZE** on a carousel), choose **Square · 1080 × 1080**, **Portrait · 1080 × 1350** or **Story / Reel · 1080 × 1920**.
3. Click **APPLY SIZE**.

The menu in the top bar switches canvases and makes a **+ NEW CANVAS**.

## Export

Click **EXPORT** in the top bar. What it offers depends on what is picked:

| Picked       | How it leaves                                                                                                                                                                                                 |
| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Nothing      | **EXPORT PAGE** as **Images** (long pages split into sections, a carousel into one picture per slide), **HTML with media (ZIP)** or **MP4**. **EXPORT SECTIONS (PNG / GIF)** saves the sections to Downloads. |
| Whole frames | PNG, JPEG or WebP at 1x, 2x or 3x, **MP4**, or **HTML with media (ZIP)**.                                                                                                                                     |
| Elements     | PNG, JPEG or WebP.                                                                                                                                                                                            |

For **MP4**, set **Export as** (**Separate clips · carousel** or **One video · sequence**), **Output size** and **Seconds per card**. Canvas MP4s have no sound, and the first one may wait a few seconds for [FFmpeg](/docs/video#export-the-video). You pick where each file goes, and Yomates shows it in its folder afterwards.
