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

# Animating in Vizcom

Turn static designs into short, expressive animations to better communicate form, motion, and intent.

## When to Animate in Vizcom

Use animation when a still image isn’t enough or to see your design in context. Use animation to show product form from multiple angles, demonstrate interaction, or add motion and depth to a concept presentation. This guide walks you through creating your first animation in Vizcom.

## How to use the Animate Block:

<Steps>
  <Step title="Add an Animate Block">
    <Frame>
      <img src="https://mintcdn.com/vizcom-c4034e9b/z4sX1J24ofXhFptu/images/Screenshot-2026-04-06-at-1.42.36-PM.png?fit=max&auto=format&n=z4sX1J24ofXhFptu&q=85&s=fca6f1b45b43d30525a9e29b9e830910" alt="Screenshot 2026 04 06 At 1 42 36 PM" width="1320" height="820" data-path="images/Screenshot-2026-04-06-at-1.42.36-PM.png" />
    </Frame>

    * You can add an Animate Block in a few ways
    * Click the + in the Workbench toolbar and select Animate
    * Select an image, open the AI menu, and choose Animate
    * Drag from an image node using the Pathfinder and drop into Animate
    * Once added, the Animate Block becomes the control center for your animation.
  </Step>

  <Step title="Attach Your Frame(s)">
    <Frame>
      <img src="https://mintcdn.com/vizcom-c4034e9b/z4sX1J24ofXhFptu/images/Screenshot-2026-04-06-at-1.43.25-PM.png?fit=max&auto=format&n=z4sX1J24ofXhFptu&q=85&s=1490e4a67fb9f798a1b2dc5f1d9eb71e" alt="Screenshot 2026 04 06 At 1 43 25 PM" width="1108" height="678" data-path="images/Screenshot-2026-04-06-at-1.43.25-PM.png" />
    </Frame>

    * Animations are driven by images:
    * Start Frame only → creates motion from a single image
    * Start + End Frame → animates a transition between two images
    * Drag your image(s) into the Animate Block to connect them.
          <Tip>
            Start with one clear frame if you’re new. You can add an end frame later.
          </Tip>
  </Step>

  <Step title="Choose a Motion Style">
    <Frame>
      <img src="https://mintcdn.com/vizcom-c4034e9b/z4sX1J24ofXhFptu/images/Screenshot-2026-04-06-at-1.45.53-PM.png?fit=max&auto=format&n=z4sX1J24ofXhFptu&q=85&s=a511b755f19cba581477aa4d3b023269" alt="Screenshot 2026 04 06 At 1 45 53 PM" width="648" height="570" data-path="images/Screenshot-2026-04-06-at-1.45.53-PM.png" />
    </Frame>

    Select a camera preset to define how the animation moves:

    * Turntable (360° rotation)
    * Zoom (in or out)
    * Pan (side to side)
    * Tilt (up or down)

    *Presets can be previewed before generating.*
  </Step>

  <Step title="Add a prompt (optional) ">
    <Frame>
      <img src="https://mintcdn.com/vizcom-c4034e9b/z4sX1J24ofXhFptu/images/Screenshot-2026-04-06-at-1.49.00-PM.png?fit=max&auto=format&n=z4sX1J24ofXhFptu&q=85&s=029f275cb0c8248a2d65e91db3e9b7ea" alt="Screenshot 2026 04 06 At 1 49 00 PM" width="1392" height="882" data-path="images/Screenshot-2026-04-06-at-1.49.00-PM.png" />
    </Frame>

    * You can guide the animation using a short natural-language prompt.
    * Use prompts to describe:
      * Motion or interaction
      * Environment or context
      * Cinematic feel

    ***Note: Prompts work with or without presets.***
  </Step>

  <Step title="Set duration & Animation Type ">
    <Frame>
      <img src="https://mintcdn.com/vizcom-c4034e9b/JEg_SOYhjFbwO4PX/images/Screenshot-2026-04-06-at-1.54.20-PM.png?fit=max&auto=format&n=JEg_SOYhjFbwO4PX&q=85&s=bb5c3b851b5b4e8b4872c66532745164" alt="Screenshot 2026 04 06 At 1 54 20 PM" width="1636" height="826" data-path="images/Screenshot-2026-04-06-at-1.54.20-PM.png" />
    </Frame>

    Choose how your animation is generated:

    * **Standard** - Higher fidelity and more control (longer generation time)
    * \*\*Turbo - \*\*Faster results with more expressive motion (some limitations apply)

    Then select your animation length based on what’s available on your plan.
  </Step>

  <Step title="Generate the Animation ">
    <video src="https://mintcdn.com/vizcom-c4034e9b/JEg_SOYhjFbwO4PX/videos/Google-Chrome.mp4?fit=max&auto=format&n=JEg_SOYhjFbwO4PX&q=85&s=bdd5666b1c47e44c3b518a709ee0a1d7" controls data-path="videos/Google-Chrome.mp4" />

    Click Animate to generate your video.

    Your animation will:

    * Appear directly in the Workbench
    * Auto-play and loop by default
    * Be ready to regenerate or refine
  </Step>
</Steps>

## FAQ

* **Do I need two frames to animate?**\
  No, a single frame is enough to create motion.
* **Why are some options disabled?**\
  Available presets, durations, and models depend on your animation type and plan.\\
* **Why did my duration options change?** \
  Some animation models support only certain lengths.