TechnicalInsightful

How To Create Stunning Motion Graphics With Claude Design (Dead Simple Animations)

Paul J Lipsky

A tutorial demonstrating how to create motion graphics using Claude Design without coding skills or complex storyboards. The video covers four main methods: using existing templates, mimicking styles from screenshots, creating animations from video transcripts, and animating websites/UI elements.

Summary

The speaker presents a simplified approach to creating motion graphics using Claude Design, an AI tool included with Claude subscriptions. The tutorial begins by directing users to claude.ai/design and selecting the animation template.

The first and easiest method involves finding existing motion graphic templates from free websites, copying their code, and pasting it into Claude Design with modification requests. The speaker demonstrates changing text elements like "chapters" to "tricks" to customize templates without starting from scratch.

The second method uses screenshots to recreate motion graphics. Users capture the start frame, end frame, and potentially middle frames of animations they want to replicate. They upload these screenshots to Claude Design, describe the animation sequence and desired changes, and Claude generates a matching motion graphic. The speaker shows how to refine results through follow-up prompts when initial outputs don't meet expectations.

The third method leverages video transcripts with timestamps to create motion graphics for talking-head videos. Users transcribe their video in SRT format (using tools like Gemini), upload brand assets like screenshots for consistency, and provide a prompt that instructs Claude Design to create animations synchronized with the transcript content. The speaker demonstrates editing specific time segments and using the markup tool to adjust spacing and elements.

The fourth method animates existing websites and UI elements. Users take screenshots of websites, use the "grab web element" bookmarklet to capture code of specific page elements, and describe step-by-step animations they want applied. The speaker demonstrates creating a video of someone using Claude AI with typed prompts and generated website outputs.

For exporting, the speaker explains that direct video export isn't available, so they recommend either downloading a project archive and using the Claude desktop app, or simply screen recording the animation in Claude Design using QuickTime, which produces quality results.

Key Insights

  • The speaker claims that using existing templates eliminates the need for back-and-forth clarification with Claude because the template already shows exactly what the user wants to create
  • The speaker identifies that describing animations imprecisely (like saying 'smooth' instead of 'steadily increase') can cause Claude Design to misinterpret intentions, requiring follow-up prompts with more specific language
  • The speaker notes that animations created from transcripts without templates typically require one or two follow-up prompts for refinement, unlike template-based approaches
  • The speaker reveals that he records Claude Design animations using QuickTime screen recording instead of using the official export method because it's faster and viewers don't notice the difference
  • The speaker demonstrates that users can combine code from multiple templates together to create more complex animation sequences than any single template provides

Topics

Claude Design animation templatesMotion graphics creation without codingTemplate customization and modificationScreenshot-based animation recreationVideo transcript to motion graphic conversionWebsite and UI animationAnimation refinement and iterationVideo export methodsBranding and on-brand animations

Transcript

[0:00] Most of the videos on YouTube that teach you how to create motion graphics with AI use code, the terminal, or complicated storyboards. My system is much simpler. I use Claw Design, which is one of the easiest tools for creating motion graphics. And I've basically come up with three or four different tricks to easily get it to create motion graphics just like these ones that are more than good enough for what I need. So, if you're looking to quickly and easily make greatl looking motion graphics with Claude Design, this is the right video for you. To get started with [0:30] this, you want to head over to claude.ai/design. Claude Design is included with your Claude…

Full transcript available for MurmurCast members

Sign Up to Access

More from Paul J Lipsky

Get AI summaries like this delivered to your inbox daily

Get AI summaries delivered to your inbox

MurmurCast summarizes your YouTube channels, podcasts, and newsletters into one daily email digest.