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

# Motion Design

> Turn a product into a storyboard-driven motion graphics ad — pick a style, generate scene-by-scene, then refine each scene independently.

Motion Design turns a product photo into a motion-graphics-style ad built from a storyboard: a set of individually generated scenes, not one single video generation. It shares its product picker with [URL to Ad](/ad-studio/url-to-ad), then branches into its own storyboard flow once you've picked a style.

<Frame>
  <img src="https://mintcdn.com/imagineart/iRFvzy9xsr7RP-0j/images/ad-studio/ad-studio-motion-design-step-01.png?fit=max&auto=format&n=iRFvzy9xsr7RP-0j&q=85&s=b38f35b953fe256d927e68107909e10f" alt="Motion Design product picker, the same component URL to Ad uses, with existing products and a failed pull visible" width="2880" height="1800" data-path="images/ad-studio/ad-studio-motion-design-step-01.png" />
</Frame>

## How Motion Design works

<Steps>
  <Step title="Pick a product">
    In the left sidebar under **Tools**, click **Motion Design**. This opens the same product picker as URL to Ad — paste a URL, upload images, or pick an existing product from your library or the preset categories.
  </Step>

  <Step title="Describe your video and pick a style">
    On **Choose a style**, describe the video, the product, and the vibe, then pick a style template — Product Showcase, SaaS Explainer, Mobile App Launch, Brand Campaign, Location Promotion, and more.

    <Frame>
      <img src="https://mintcdn.com/imagineart/iRFvzy9xsr7RP-0j/images/ad-studio/ad-studio-motion-design-step-02.png?fit=max&auto=format&n=iRFvzy9xsr7RP-0j&q=85&s=4c74a8e1c523dea576372ce7ff260b3d" alt="Choose a style screen with a prompt box, a grid of style templates, and Model, Resolution, and Aspect ratio controls" width="2880" height="1800" data-path="images/ad-studio/ad-studio-motion-design-step-02.png" />
    </Frame>
  </Step>

  <Step title="Set the model, resolution, and aspect ratio">
    Motion Design is scoped to ByteDance's Seedance lineup only — a narrower, purpose-built set compared to the much larger model list in the general Video tool.

    <Frame>
      <img src="https://mintcdn.com/imagineart/iRFvzy9xsr7RP-0j/images/ad-studio/ad-studio-motion-design-step-03.png?fit=max&auto=format&n=iRFvzy9xsr7RP-0j&q=85&s=998464cf1b605192c2132538438563c5" alt="Select model dialog showing only three Seedance video model variants -- Seedance 2, Seedance 2.5, and Seedance 2.0 Mini" width="2880" height="1800" data-path="images/ad-studio/ad-studio-motion-design-step-03.png" />
    </Frame>

    | Model             | Credits | Resolution | Duration | Notes                                                       |
    | ----------------- | ------- | ---------- | -------- | ----------------------------------------------------------- |
    | Seedance 2        | 730     | 4K–1080p   | 4–15s    | ByteDance's latest video model                              |
    | Seedance 2.5      | 530     | 480p–1080p | 4–30s    | ByteDance's latest video model, longest max duration        |
    | Seedance 2.0 Mini | 175     | 480p–720p  | 5–15s    | Lightweight, fast, built for multi-shot video — the default |

    All three support Start/End frame control and audio.
  </Step>

  <Step title="Create the storyboard">
    Click **Create Storyboard**. This kicks off a multi-stage background job — computing grid geometry, assembling a "mega-prompt," generating the storyboard, then receiving split frames.

    <Frame>
      <img src="https://mintcdn.com/imagineart/iRFvzy9xsr7RP-0j/images/ad-studio/ad-studio-motion-design-step-04.png?fit=max&auto=format&n=iRFvzy9xsr7RP-0j&q=85&s=3a233a9a56d1a73dd604bc254fb9c431" alt="Generating your storyboard progress screen with named pipeline stages and a note that it's safe to come back later" width="2880" height="1800" data-path="images/ad-studio/ad-studio-motion-design-step-04.png" />
    </Frame>
  </Step>
</Steps>

<Note>
  Generation is genuinely asynchronous, not just a progress bar. Click the minimize button on the generation screen and keep working anywhere else in Ad Studio — the **Motion Design** entry in the left sidebar shows a live spinner until the storyboard is ready, confirming it keeps running in the background rather than blocking the rest of the app.

  <Frame>
    <img src="https://mintcdn.com/imagineart/iRFvzy9xsr7RP-0j/images/ad-studio/ad-studio-motion-design-step-05.png?fit=max&auto=format&n=iRFvzy9xsr7RP-0j&q=85&s=7c0e75c436382bb92eff8284a018e891" alt="Ad Studio sidebar showing a live spinner on the Motion Design tool while a storyboard generates in the background" width="2880" height="1800" data-path="images/ad-studio/ad-studio-motion-design-step-05.png" />
  </Frame>
</Note>

<Warning>
  **This can genuinely take longer than "several minutes."** The generation screen itself says to expect several minutes, but in testing a single storyboard was still generating well past the 8-minute mark. Don't assume a stall — check back later rather than retrying.
</Warning>

## What you get back

Motion Design doesn't generate one clip — it produces a **storyboard of individual scenes**, based on real, first-hand tester feedback from the team (not yet independently re-verified end-to-end in this pass, since a real generation was still running past 8 minutes during this documentation session):

* **Per-scene editing.** Each scene in the storyboard can be regenerated on its own without affecting the others — useful for fixing one weak beat in an otherwise good sequence.
* **Working background generation.** The product photo carries through into a real generated background per scene, not a placeholder.
* **Premium output.** The finished export includes typography and transitions applied automatically, not just raw clips stitched together.

<Info>
  **Not the same as Film Studio's Storyboard mode.** Both features use the word "storyboard," but they're different mechanisms. [Film Studio's Storyboard mode](/film-studio/create-image#storyboard-mode) generates a single contact-sheet grid image that you manually split into frames. Motion Design's storyboard is an automated multi-scene pipeline purpose-built for ads — you don't do the splitting yourself.
</Info>

## When to use Motion Design

* You want a polished, template-driven motion graphics ad rather than a single straight-through video generation.
* You're open to a longer, asynchronous generation in exchange for a multi-scene result with independently editable beats.
* You want typography and transitions applied automatically rather than adding them yourself afterward.

If you want the fastest possible single clip instead, use [URL to Ad](/ad-studio/url-to-ad) or the main workspace's video generation.
