> ## Documentation Index
> Fetch the complete documentation index at: https://docs.voyager.so/llms.txt
> Use this file to discover all available pages before exploring further.

# Make motion graphics

> Create animated titles, explainers and graphics with editable source, then refine their design and timing.

Make animated type, shapes, charts or explainers that you can revise without generating new footage for every change.

You need a connected chat account, a message to communicate, and any logos, fonts or data the piece should use. Voyager can prepare a local motion project for you; the first use of a tool may require downloads. You can also use a supported creative app you already have [set up](/setup/creative-apps).

Text and shapes rendered locally do not use media credits. Your chat account's usage still applies, and chat through Voyager models uses Voyager credits. Generated images, music or narration are separate paid additions.

## Build the first draft

<Steps>
  <Step title="Describe the content through time">
    Say what the audience should understand, then describe the main beats. Include exact wording, duration, shape and any visual references.

    ```text theme={"system"}
    Make a 10-second square motion graphic for a workshop invitation.
    Use Remotion, text and simple shapes, rendered locally.

    First reveal “Make something new.” Then bring in “Saturday studio”
    and “10 am–1 pm”. Use a warm cream background, dark brown type
    and one orange shape that carries through the transitions.
    Keep the final information readable for 3 seconds.

    No generated media or audio. Show a draft, then deliver a silent
    video and keep the editable source.
    ```

    You can choose **Motion graphics or explainer** under **Making:**, or simply describe the piece.
  </Step>

  <Step title="Supply brand assets and data">
    Attach the actual logo and any required fonts or images. For a chart, attach the data and name the comparison you want viewers to understand. A project's [brand kit](/setup/brand) can supply shared colors, fonts and logos.

    If the work must stay in a particular editor, name it. Otherwise, Voyager chooses a suitable available tool. Installed creative apps can have their own licenses and setup requirements.
  </Step>

  <Step title="Review layout and motion">
    Open the preview or video the agent presents. Check the design while paused, then watch it in motion. Look for readable text, useful pauses and transitions that connect the ideas.

    <Frame caption="A playable draft lets you judge the timing as well as the layout.">
      <img className="block dark:hidden" src="https://mintcdn.com/voyager/dzNfJ3ErXafJEG4z/images/screenshots/first-video-motion-result.light.png?fit=max&auto=format&n=dzNfJ3ErXafJEG4z&q=85&s=f77e4b98b3a1db5e5cb5c7626af97f6e" alt="A locally rendered motion graphic playing in Voyager, with animated lettering and simple shapes." width="1616" height="894" data-path="images/screenshots/first-video-motion-result.light.png" />

      <img className="hidden dark:block" src="https://mintcdn.com/voyager/dzNfJ3ErXafJEG4z/images/screenshots/first-video-motion-result.dark.png?fit=max&auto=format&n=dzNfJ3ErXafJEG4z&q=85&s=54ffe0dd134ac7126fbc0e85af0731ea" alt="A locally rendered motion graphic playing in Voyager, with animated lettering and simple shapes." width="1616" height="894" data-path="images/screenshots/first-video-motion-result.dark.png" />
    </Frame>
  </Step>

  <Step title="Revise the specific beat">
    Give the time or attach a [review comment](/first-video/review-and-revise). Describe both the change and what to keep:

    ```text theme={"system"}
    At 4 seconds, let the orange shape arrive before the workshop
    title. Make the title larger, and keep the date and time still.
    Keep the total length and palette unchanged. Save a new version.
    ```
  </Step>

  <Step title="Ask for the finished files">
    When the draft is right, ask the agent to render the final video and show its editable source. Name the destination and format, especially for transparent overlays or a particular publishing platform.

    Use **Save video** or the reveal action on the finished result. Set **Delivery folder** in **Settings → Creative preferences** if you want final files in a particular place.
  </Step>
</Steps>

## Preview before rendering

Some workflows can show an interactive preview before making the final video. If you receive a preview, you can ask for changes before requesting the rendered file.

For Remotion and HyperFrames, the optional **Settings → Labs → Review compositions live** setting lets you scrub and comment on the composition in **Files**. It is experimental and off by default. Start a new chat after enabling it if an existing chat does not offer the workflow. With it enabled, ask for the final render when you approve the composition.

## Keep control of time and cost

Set **Render time limit** under **Settings → Creative preferences → Ask before exceeding**. The agent estimates longer local renders before proceeding.

<Warning>
  Adding generated artwork, video, music or narration can introduce media charges. Ask for an estimate before adding them and check your [question-answer mode](/guides/approvals-and-spending). **Autopilot** can approve the recommended paid work immediately.
</Warning>

For another size, ask the agent to adapt the layout for that shape. For example, ask for a vertical version with repositioned titles instead of a crop that cuts off the words.

## Check the result

Play the exported video outside Voyager. Check spelling, timing, edges and the final held frame. Confirm that the editable source is available in **Files** so you can request future changes.

## Common problems

<AccordionGroup>
  <Accordion title="The agent starts making AI-generated footage">
    Clarify that you want editable type and shapes with local rendering. Name **Remotion** if you want to follow the simple workflow in [your first video](/first-video/make-your-first-video), and say whether any paid media generation is allowed.
  </Accordion>

  <Accordion title="I have a preview but no file to upload">
    Ask the agent to render the approved composition into the format you need. An interactive preview and a rendered video are different outputs.
  </Accordion>

  <Accordion title="The local render is taking too long">
    Ask for a short or lower-resolution draft first, or simplify the most expensive effects. Set your **Render time limit** so the agent asks before a longer render. Check **Jobs** before starting it again.
  </Accordion>

  <Accordion title="MP4 is unavailable on Linux">
    Linux alpha may need WebM when MP4 encoding is unavailable. Tell the agent your required delivery format and ask it to check what this computer supports. See [platform requirements](/get-started/requirements).
  </Accordion>
</AccordionGroup>

<CardGroup cols={2}>
  <Card title="Review and revise" href="/first-video/review-and-revise">
    Mark a detail or a time range in your draft.
  </Card>

  <Card title="Edit footage" href="/guides/edit-footage">
    Combine graphics with clips you already have.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.