Welcome to the MonDive

Today in MonDive, we’re looking at Claude Design and how it can help creators build professional motion graphics through AI instead of traditional design workflows.

We’ll explore how to use Claude Design’s animation templates, create custom motion graphics from prompts and references, refine animations with natural language, and turn video scripts into visuals ready for content creation.

Alright, let’s dive in.

Build Your First Document AI Agent Free.

Most AI systems scan fragments and guess. Meibel reads your documents completely — tables, structure, handwriting, cross-references — and builds agents that reason over the full corpus. Every output gets a confidence score so you route what's reliable and flag what needs review. Sign up free and get $25 in credits to build your first document-grounded AI agent.

Why Use Claude Design for Motion Graphics?

Motion graphics usually take hours of manual work in tools like After Effects. You have to build each scene, animate every element, and keep adjusting the timing until everything lines up.

Claude Design removes much of that hassle. Explain what you want, give it a script or visual reference, and it can create the animation for you. Need a change? Ask it to move an element, slow down a transition, fix an overlap, or try a different style without rebuilding the whole sequence from scratch.

You can use it for:

• YouTube intros and talking-head overlays

• Animated titles, charts, statistics, and explainers

• Product demos, logo reveals, and branded social clips

• Visuals that follow the ideas in a script

The real win is time. Beginners can create polished motion graphics without learning complicated animation software, while experienced creators can get to a usable result much faster and spend more time on the story and final polish.

How to Access and Set Up Claude Design

Claude Design is available in beta on Pro, Max, Team, and Enterprise plans. You can use it on the web or in Claude Desktop, and it shares the same usage limits as Claude Chat, Code, and Cowork. It is not currently available on mobile.

To start an animation:

1. Open Claude Design.

2. Create a new project.

3. Select the Animation template.

4. Attach a design system or visual references.

The Design homepage changes often, so the Animation option may appear in a different place. Just make sure it is selected before entering your prompt.

Create Motion Graphics From a Template

The easiest method is to start with an animation whose structure and movement already work.

Instead of explaining every transition from scratch, you give Claude the existing template and tell it what to replace. The template provides the timing and visual direction; your prompt provides the new content and branding.

Step 1: Find a template

Two useful free libraries are:

• React Video Editor Remotion Templates — Browse free motion templates and copy the source code.

• HyperFrames Templates —Find ready-made HTML animations and copy the full code.

Choose a template based on its movement and structure. The original topic, text, and colors do not need to match your project.

Step 2: Copy the template code

Copy the complete source code, return to Claude Design, and paste it into the prompt box.

Make sure the Animation template is selected before submitting it. The reference workflow uses the copied code as the visual and motion blueprint, which reduces the need to explain every transition manually.

Step 3: Describe your changes

Replace the bracketed details below with your own content:

Use the code above as the starting template for a new motion graphic.

Purpose:
[Explain where the animation will be used and what it should communicate.]

Format:
[16:9, 9:16, 1:1, or another size.]

Keep:
- the overall scene structure
- the main animation style
- the general pacing and transition flow

Change:
- replace “[original heading]” with “[new heading]”
- replace “[original supporting text]” with “[new text]”
- replace the original colors and typography with the attached brand reference
- replace the final scene with “[new ending or call to action]”
- remove all original logos, names, and brand assets

Motion changes:
- [Describe anything that should move differently.]
- [Describe any scenes that should be longer, shorter, faster, or slower.]

Keep all text readable and make sure no elements overlap.

If the original code uses something that is not supported in this project, recreate the same visual effect using the available HTML, CSS, and JavaScript instead.

Use the template only as a structural and motion reference. The finished animation should feel original and native to my brand.

This prompt is flexible enough for title cards, progress graphics, charts, lower thirds, social clips, and other templates. Claude keeps the useful motion structure while replacing the parts that make the result specific to your project.

Step 4: Generate and review

After Claude creates the new version, check

• Whether all original branding was removed

• Whether the new text fits the layout

• Whether the timing still feels natural

• Whether the colors match your brand

• Whether anything overlaps or disappears too quickly

Give precise follow-up instructions for anything that needs adjustment.

Create Motion Graphics From a Prompt

You do not need an existing template when you already know the idea you want to explain. Start with a simple request, and Claude Design can decide how to divide it into scenes, visuals, and transitions.

Step 1: Describe the idea

Start with the message, not every visual detail.

For example:

Create a short motion graphic explaining how large language models are trained and how they generate an answer.

Step 2: Answer Claude’s Questions

When the prompt is broad, Claude may ask a few questions before building, such as:

• Who the animation is for

• How long it should be

• Which aspect ratio to use

• How much text should appear

• What visual style you prefer

Answer based on where the animation will be used. If your original prompt already includes enough detail, Claude may start building without asking anything.

Step 4: Generate the Animation

Claude will turn the idea into a sequence of scenes and create the text, graphics, movement, and transitions for you.

Step 5: Refine the Result

You can use normal prompts or the available controls to adjust the colors, timing, layout, or individual scenes.

For example:

Keep the second scene visible for two more seconds.

Reduce the amount of text and explain the idea with icons.

Replace the current colors with my brand palette.

You can continue refining the animation without starting the entire project again.

Turn a Transcript Into Motion Graphics

The most useful Claude Design workflow is adding motion graphics to a video you have already recorded. Instead of timing every title, chart, and visual by hand, you give Claude the narration, your brand assets, and a clear direction. It builds the animation around what is being said.

Step 1: Get Your Transcript

Start with the final version of your talking-head video or voiceover.
Create an SRT transcript, which is simply the spoken text with timestamps showing when each line begins and ends. Those timestamps help Claude match each animation to the narration.

To get the transcript, you can use Gemini. Upload your video file and ask:

Transcribe this file. SRT style with time stamps.

Once generated, copy the SRT transcript and keep it ready for Claude Design.

Step 2: Add Your Transcript and Visual Assets

Once you have the SRT transcript ready, upload it to Claude Design along with the assets you want the animation to use.

Attach:

• The SRT transcript from your video

• Your logo and brand assets

• Screenshots, product images, or other important visuals

• Any design reference you want Claude to follow

These assets help Claude understand your visual direction and create motion graphics that match your brand instead of generating a generic style.

The more useful context you provide, the closer the final animation will be to the style you want.

Step 3: Select the Animation Template and Send the Prompt

After adding your transcript and visual assets, select the Animation template in Claude Design and describe how you want the motion graphics to work.

The goal is not to animate every word. Let Claude identify the important ideas from the narration and create visuals that support the explanation.

Create motion graphics for a talking-head video using the transcript below.

The animation should follow the transcript timing and visually explain the ideas being discussed.

Use:
- animated graphics and icons to explain concepts
- interface elements when they help demonstrate a process
- charts, diagrams, or visual comparisons when useful
- text only when a key phrase, definition, or important number needs emphasis

Keep the design clean, modern, and easy to understand.

Leave space for the talking head:
- Keep the right third mostly open for the presenter
- You can move the presenter space to the top when a large visual or definition needs more room
- Use full-screen animation only when it improves the explanation

Style:
Follow the attached brand assets and visual references.

Format:
16:9

Requirements:
- Match visuals with the correct transcript timestamps
- Keep each scene focused on one main idea
- Avoid too much text on screen
- Make animations smooth and professional
- Keep all elements readable and avoid overlaps

Transcript:

[Paste your SRT transcript here]

The prompt works across different videos because it uses the transcript for timing and the assets for visual direction, keeping motion graphics focused on explaining the narration.

Step 4: Review and Refine the Animation

Once Claude generates the first version, review the full animation and check:

1. Whether the visuals match the narration

2. Whether the timing feels natural

3. Whether the branding and style stay consistent

4. Whether captions and important text are easy to read

5. Whether any elements need better placement or spacing

After reviewing, you can refine the animation using natural language. Ask Claude to adjust anything you want, such as changing the pacing, improving transitions, moving elements, updating colors, or adding new visuals.

You can also add new assets while Claude is working on the project. Upload additional screenshots, logos, images, or references, and Claude can use them to improve the animation without rebuilding everything manually.

The entire process stays inside the conversation: describe the change you want, and Claude updates the animation based on your direction until it matches your final vision.

Step 5: Export the Final Animation

Once the animation is ready, exporting it is simple.

Click Share in the top-right corner and choose Video from the Export menu to download the animation as an MP4 file.

You can then drop the file directly into your video editor and combine it with your talking-head footage, voiceover, music, or other final edits.

Know someone who may be interested?