How to make motion graphics with Claude: 3 ways, from free to MP4
Claude can create animated titles, logo reveals and short clips for Reels, TikTok and Shorts. You describe the video in words, Claude builds the animation, and you export it as a video.
5 min read
- Describe it in words
- Claude builds the animation
- Export a video
Which way fits you?
Question 1Do you have a paid Claude plan?
Way 1: The Claude chatFree, 5 minutes
YesQuestion 2Do you make videos every week, or for clients?
Way 2: Claude Design
Way 3: Claude Code + Remotion
- Way 1The chat
- Cost
- Free
- Setup
- 0 minutes
- How you get a video
- Record your screen
- Best for
- A quick try
- Way 2Claude Design
- Cost
- Paid plan
- Setup
- 0 minutes
- How you get a video
- Export
- Best for
- Brand visuals
- Way 3Claude Code + Remotion
- Cost
- Paid plan
- Setup
- 15 minutes, once
- How you get a video
- A real MP4 file
- Best for
- Series and client work
Way 1In the Claude chatFree · 5 minutes
Paste the prompt
Open claude.ai, start a new chat, fill in what's in the brackets and paste it. Claude shows the animation in a window next to the chat.
Improve it in plain words
- "Slow everything down by 30%"
- "Make the logo bigger"
- "Add a moving gradient in the background"
Record your screen
Open it full screen, click "Replay" and record.
- Win + G
- Windows
- Shift + Cmd + 5
- Mac
- OBS (free)
- Smoothest
Then trim the start and the end in CapCut.
Create a motion graphic as a single HTML file, with no external libraries (except Google Fonts).
Format
- Size: [1080x1920 vertical / 1920x1080 horizontal / 1080x1080 square], centered on a black background.
- Length: [8] seconds, then stop on the last frame.
- A small "Replay" button in the corner, hidden while the animation runs.
Scenes
1. 0-2 seconds: [the logo / brand name] appears with a soft scale-up and a glow.
2. 2-5 seconds: the headline "[your headline]" comes in word by word.
3. 5-8 seconds: "[call to action]".
Style
- Background [#0d1418], accent [#22d07e], text [#ffffff].
- Font [Inter], left to right.
- Smooth motion with easing, not linear. Every text stays on screen for at least 1.5 seconds.
- All text inside an 8% margin from the edges.
Make it look like a motion designer's work, not a slideshow.Way 2In Claude DesignPaid plan · No code
- Go to claude.ai/design on a computer.
- Upload your logo, colors and font.
- Describe the animation using the same structure as prompt 1, improve it and export.
Way 3Claude Code + RemotionThe best quality
Remotion is a free tool that turns code into a real MP4 video. Claude Code writes the code for you.
- One command
- Claude Code writes
- Watch it in Studio
- MP4 ready
Create a project (in the terminal, the black window where you type commands)
npx create-video@latestChoose blank and answer "yes" to Agent Skills.
Go into the project and open Claude Code
cd my-video
claudeSend the brief
/remotion-create Create an [8]-second video, [1080x1920], 30 frames per second. Name: "[PromoReel]".
Scenes
1. 0-2 seconds: [logo] pops in with a soft glow.
2. 2-5 seconds: "[headline]" comes in word by word. Emphasize "[key word]".
3. 5-7 seconds: [3 short phrases] as rounded tags.
4. 7-8 seconds: only the logo and "[call to action]" stay.
Style
- Background [#0d1418], accent [#22d07e], white text, font [Inter], left to right.
- spring() for entrances, no linear motion. Every text at least 1.5 seconds.
- All texts and colors as props at the top of the file, so I can swap them.
When you're done, open a preview and tell me in simple English how to render an MP4.Watch and improve
npx remotion studioRender the MP4
npx remotion render src/index.ts PromoReel out/promo.mp4The formula for a prompt that works
- Size
- Length
- Timed scenes
- Exact text
- Colors and font
- What stays at the end
A perfect prompt
"Make me a cool intro."
"An 8-second intro, 1080x1920. 0-2 seconds: the logo pops in with a green glow. 2-5 seconds: 'Ads that sell' comes in word by word."
Common problems
The text is too fast
Add "every text at least 1.5 seconds, up to 3 words per second".
It looks like PowerPoint
Ask for "spring motion, overlapping animations and subtle motion in the background".
The text gets cut off on phones
Leave the bottom 20% empty on Reels and TikTok.
The Remotion render failed
Copy the error into Claude Code and ask it to fix it.
Frequently asked questions
Is it free?
Way 1 works on the free plan. Ways 2 and 3 need a paid Claude plan.
Can I add music or a voiceover?
Not inside Claude. Add them in a video editor, or put an audio file in the Remotion project and ask to time the video to it.
Can I use it for my business?
Yes. Just use fonts, music and logos you have the rights to.
Want us to do it for you or learn to do it yourself?
Want us to make it for your business?
We design motion graphics, intros and animated ads in your brand, and edit the full video.
Talk to us on WhatsAppPrefer to learn to do it yourself?
A private one-on-one Zoom lesson. In one hour we'll make your first motion graphic together, step by step. Includes WhatsApp support after the lesson.
Book a Zoom lesson
