Design and video
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
- Attach a product photo: drag it into the message box, or click the paperclip (Attach photos and files).
- Ask, for example: "Make a detail page for this" or "Make a 5-slide Instagram carousel for this".
- Watch the canvas build it a section at a time.
- 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:
- Click the frame's name above it.
- Under FRAME SIZE (CARD SIZE on a carousel), choose Square · 1080 × 1080, Portrait · 1080 × 1350 or Story / Reel · 1080 × 1920.
- 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. You pick where each file goes, and Yomates shows it in its folder afterwards.
