Animated titles and motion graphics usually cost time, money, or both. This workflow uses AI motion graphics and Remotion to generate custom, transparent animated graphics that drop straight into a YouTube editor. It enables better-looking YouTube titles without the Adobe After Effects headache.
Below is an AI-assisted summary of the key points and ideas covered in the video. For more detail, make sure to check out the full time stamped video above!
Why this AI motion graphics workflow is a big deal
You’re not just generating random animations. The process produces reusable, branded motion graphics that update fast, render with transparency, and slot into any editing tool.
Here’s what makes it so useful:
- Create animated titles and overlays directly on a computer using AI.
- Generate transparent background graphics for easy overlays.
- Iterate in near real time by adjusting prompts instead of keyframes.
- Render finished assets as video files and drag-and-drop them into an editor.
And yep, Remotion is totally free, which is a big win.
The core setup: Remotion + AI (Claude/Claude Code)
Remotion runs locally in a browser and feels like a stripped-back, simpler version of Adobe After Effects. The key difference is the build process can be driven with AI prompts, which saves a ton of manual setup time.
How to install Remotion the simple way (using AI assistance)
- Create a new folder on the computer for the project (for example, a folder called “titles”). Everything for this setup will live inside that folder.
- Ask the AI tool (Claude via Claude Code) to install Remotion in that folder. Run the command and approve any “trust” or permission prompts.
- Choose how to install when prompted. Select “brand new project” to get up and running quickly.
- Pick a starter template. Use “Hello World” to see something working immediately, or choose a blank project to build from scratch.
- Open Remotion Studio. This launches a new browser window with a local server running and shows the sequences (compositions).
Once it’s open, scrub through demo sequences (like “Hello World” and a logo animation) and see how quickly changes can happen.
Prompting basics: better prompts = better graphics
AI motion graphics live and die by prompt quality. If the prompt is vague, the output usually looks vague.
Give clear direction on style, placement, background, and duration to get good results fast. Invite the AI to ask clarifying questions so the request becomes a tighter spec without needing to think of every detail upfront.
Example: build a YouTube “Subscribe” animation (with transparency)
A practical first win is a subscribe overlay: cursor enters, clicks Subscribe, clicks the notification bell, and exits. This classic low-hanging fruit adds polish without distracting from the content.
Step-by-step: generate the subscribe overlay
- Ask the AI to create a subscribe graphic animation. Include key actions like cursor movement, clicking the subscribe button, and exiting the screen.
- Answer the AI’s clarifying questions. Confirm things like resolution, duration, and whether it should be a transparent overlay.
- Choose the visual style. For example, a YouTube-style red subscribe button and a bell icon click after subscribing.
- Preview the result inside Remotion. A new composition (for example, “Subscribe Graphic”) should appear with the animation ready to play.
- Refine the output with follow-up instructions. Ask for a totally transparent background, include a channel logo, add a link if needed, and position it bottom-middle.
- If the AI can’t access an asset (like a channel logo), it can attempt to find and download it using another tool. Once added, re-preview to confirm everything looks right.
- Render the final asset as a transparent video. Use Remotion’s render button or ask the AI to render it, then grab the file from the output folder.
That’s “done is better than perfect” in action: get a working version first, then polish with a couple of quick prompts.
A real limitation to watch for (and the easy fix)
When asked to add the channel’s current subscriber number, the AI sometimes fails to fetch the correct live value and produces an incorrect number. The fix is simple: provide the exact number to display (for example, “Update to 1.8 million”) and it updates almost instantly.
Takeaway: AI speeds things up, but don’t assume it always pulls live data correctly. Quick manual overrides keep things moving.
The “crazy” workflow: generate titles from a transcript automatically
Instead of dreaming up title ideas manually, feed the AI a transcript and let it suggest exactly where titles and graphics should appear. The timing data in subtitles helps match graphics to spoken moments.
Step-by-step: turn a transcript into motion graphics
- Finish recording the video and export the transcript as subtitles (SRT). Subtitles include timing data, which helps the AI match graphics to the right moments.
- Add the subtitle file into the AI chat. Give it context and ask it to suggest where titles and graphics should be added.
- Review the suggestions. In the example workflow, the AI suggested 39 titles, including hook titles, chapter-style markers, and “pro tip” callouts.
- Approve the set and tell the AI to generate them. Invite questions so it can lock in the style before building everything.
- Choose a consistent look for the pack. Confirm whether one unified template or 2-3 variations are desired, and whether individual files or one compilation render are preferred.
- Provide branding guidance. Supply a branding document so the AI uses the right fonts, colors, and styling (it can even install fonts if needed).
- Preview the generated title compositions in Remotion. Expect different formats like regular titles, pro tips (with icons like a lightbulb), and step-based graphics aligned to the spoken-section timing.
- Render and import into the editor. Bring the exported transparent video files into editing software and drag them onto the timeline where needed.
This workflow speeds editing, enforces consistent branding, and adds value on-screen without a bunch of manual busywork.
Bonus example: create custom “sticky note plan” graphics
Once the titles exist, request extra supporting visuals tied to a specific section. For a “three-step sticky note plan,” the AI can generate a sticky-note style graphic set that matches the content.
The AI will typically ask:
- Should the sticky notes show the same three steps or different text?
- What style should the notes use (for example, classic yellow)?
- Should it be one composition with all notes or separate compositions?
After approval, a new composition (like “Sticky Note Plan”) appears and can be revealed step-by-step during the edit by pausing and timing overlays.
Pros and cons of AI-generated motion graphics (real talk)
Pros
- Fast to generate and iterate with near real time changes via prompts.
- Transparent overlays make editing easy in any timeline.
- Scales well when creating lots of graphics (like 39+ titles).
- Branding consistency improves over time as the AI learns preferences.
Cons
- Live data pulls can be dodgy (like subscriber counts).
- First-time setup can take longer (fonts, branding, installs).
- Output quality depends heavily on prompt clarity.
Level up your titles without the After Effects pain
Use Remotion with AI to build motion graphics that look good, render transparent, and drop straight into an editor. Start with one simple overlay (like a subscribe animation), then move into transcript-driven title generation for serious time savings. Keep prompts clear, let the AI ask questions, and iterate with small improvements until the graphics match the brand.