Mato just raised pre-seed Read more

DocsSocial media & clips

The clip editor

A tour of the social clip editor: the filmstrip, preview, workflow steps, and the Content, Visuals, Style, and Publish tabs.

5 min read

Once a batch of social clips finishes generating, Mato opens the clip editor. This article is a reference for everything on that screen. For the styling controls specifically, see Customize clip templates and styles; for sending a clip out, see Publish clips to social media.

Layout

The editor takes over the full window, collapsing the main sidebar so there is more room to work. From left to right:

  • A filmstrip of clip thumbnails for the batch. Click one to make it the active clip; the preview and style panel update to match. Each thumbnail shows its duration and, once published anywhere, a small publish-status overlay.
  • A preview area in the center. Video clips play through a live Remotion preview with transport controls and a toggle between a phone-frame view (with simulated TikTok-style buttons, so you can check nothing important sits behind them) and a plain view. Image clips show a static preview instead.
  • Below the preview, a suggested caption with copy and regenerate buttons.
  • A style panel on the right, with four tabs: Content, Visuals, Style, and Publish.

Status badges throughout the editor update on their own as background jobs finish. You do not need to refresh the page to see a render or a publish complete.

Header actions and workflow steps

The header holds the clip's main actions: Render (or Re-render), Download, and Publish, plus a delete option for the whole batch. Below the header, a compact row shows four pipeline stages for the active clip: Script, Voiceover, Render, Publish. This row is a status display only; the buttons that move a clip through each stage live on the header and inside the tabs below, not on the row itself.

Content tab

The Content tab holds the clip's script: title, hook, and call to action, plus the timed lines of dialogue. Two views are available on the timed lines: a caption lane, where you fix how a line is captioned without touching the recorded voice, and a voice lane, where you rewrite what the voice actually says and then regenerate that line's audio. An "ask AI to rewrite" option works on a single line or the whole script.

If you edit the script after audio was generated, the tab flags the clip as out of date until you regenerate the voiceover. Regenerating queues a fresh render automatically once the new audio is ready.

Visuals tab

For templates built on b-roll or images, the Visuals tab lists each replaceable visual slot. Opening a slot gives you a choice between searching stock footage or picking from your own media library, plus AI-suggested keywords to speed up the search. Uploads accept JPEG, PNG, or WebP images, and MP4, MOV, or WebM video.

Templates without swappable visuals, such as the talking-head styles, show a note that this template has no replaceable slots. A replacement appears in the preview right away; it applies to the rendered video the next time you render.

Style tab

The Style tab is where you pick caption presets and fine-tune colors, fonts, and layout. This is the tab you land on by default, since most editing sessions are about the look of a clip rather than its script. See Customize clip templates and styles for the full set of controls.

Publish tab

The Publish tab sends the active clip to your connected social accounts. It is the same flow as clicking Publish in the header. See Publish clips to social media for the full walkthrough, and Connect social accounts if you have not linked any platforms yet.

Storyboard panel (Creative Direction clips only)

If a clip was generated with the early-access Creative Direction feature, a storyboard panel appears alongside the usual tabs. It lists each scene in the plan with options to accept, lock, regenerate, replace, or generate a variant, plus a running view of what each change would cost before you commit to it. Clips generated the normal way, without Creative Direction, do not show this panel.

Render and freshness

Click Render (or Re-render) to send the active clip to the rendering pipeline. A progress modal tracks the job; video renders usually take one to three minutes, and you can close the modal without stopping the render. Mato saves any pending style changes automatically right before a render starts, so the output always matches what the preview showed you.

The editor tracks whether a clip's last render still matches its current script and visuals:

StateWhat it means
Render up to dateThe rendered video reflects the current script and visuals.
Render outdated, script changedYou edited the script since the last render.
Render outdated, visuals changedYou swapped a visual slot since the last render.

A stale render can still be downloaded, with a confirmation asking whether you want to download as-is or re-render first, but publishing is blocked until you render again.

If a render fails, the modal shows an error with a Retry button so you can try again without leaving the editor.

Support

Still need help?

If this doc didn't solve it, start a chat and ask us directly. Include the page you were reading and what you expected to happen.

Back to docs