Autocuts Download
Motion graphics guide

How to add motion graphics to screen recordings

Use a graphic when it helps the viewer remember a name, number, quote, sequence, or result. You do not need After Effects, an animation template pack, or hand-built keyframes.

1. Start with the point, not the effect

Motion graphics should reduce the viewer's work. Introduce a speaker with a lower third, preserve a number with a stat, label an interface detail with a callout, or summarize a sequence with a short list. If the narration and screen already make the point obvious, leave the frame alone.

2. Record and transcribe the explanation

Capture the software path and narration first. A transcript gives Autocuts both the words and their timing, which lets a supported coding agent propose a graphic that arrives with the relevant line.

If you do not want generated suggestions, skip transcript analysis and add a graphic manually at the current playhead.

The Autocuts editor keeps clips, zooms, captions, and graphics in the same reviewable workflow.

3. Choose the right graphic

  • Lower third: a person, role, section, or product name.
  • Stat: one number and the context needed to understand it.
  • Callout: a specific detail or instruction.
  • Quote: a short line worth holding on screen.
  • List: two to four related steps or benefits.
  • Highlight: a brief phrase that deserves emphasis.

4. Add it manually or generate suggestions

For precise placement, move the playhead to the moment and add a graphic. For a longer narrated recording, connect Claude Code, Codex, Gemini, or Cursor CLI and let it propose moments from the transcript. Generated suggestions require a transcript and the selected coding-agent tool installed on your Mac.

The selected agent receives narration text and word timing. Its own configuration determines whether that text is processed locally or online; the recording video is not sent to the coding agent.

5. Edit what the viewer will see

Check the words first. A graphic should be shorter than the sentence it supports. Then adjust the start and end time, choose a lower-third, corner-card, quote-band, side-panel, or full-screen format, and apply a visual theme that does not compete with the product interface.

6. Watch the export at the final size

A graphic that looks comfortable in a large editor can cover the interface in a website embed or vertical social video. Watch the final export at the likely viewing size. Shorten the copy or use a smaller format when it blocks the action.

Keep the screen recording as the main story

The motion graphic should reinforce the workflow, not replace it. Pair restrained graphics with automatic click zoom, a readable cursor, and accurate captions. See every supported format on the motion graphics feature page.

Add the graphic where the explanation needs it.

Record and edit the whole screen video in Autocuts for Mac.

Download for Mac