Claude Code + Remotion = FREE Motion Graphics Tutorial (No Subscription)

Summary

The tutorial demonstrates how to create motion graphics by pairing Claude Code with Remotion. Claude writes animated designs as code, and Remotion renders them into video files. The presenter says the workflow can be used with a free Claude account, though free accounts have lower usage limits.

Setup and workflow

1. Download and install the Claude desktop app, sign in, open Claude Code, and choose a project folder.
2. Paste the setup prompt from the presenter’s PDF. Claude prepares the project and installs or configures the necessary tools, including Remotion.
3. Preview the graphics in a local Remotion page opened in a browser. Rendered files are also saved to an output folder.
4. Prompt Claude to create or revise graphics, then render and use them in an editor such as Final Cut Pro, Premiere Pro, or CapCut.

Features and examples

The tutorial shows titles, lower thirds, overlays, like and subscribe animations, a search bar, and transitions between video clips. Some graphics have transparent backgrounds, allowing them to be layered over footage in a video editor.

Claude can also add sound effects, use audio files supplied by the user, and revise graphics based on specific feedback. The presenter demonstrates using a Pinterest image as a visual reference, incorporating a channel image, and creating graphics in different languages.

The presenter’s PDF includes the initial setup prompt and additional prompts for improving or customizing results.

Main speaker and sources

• Main speaker: The tutorial presenter, associated with the Pouya Eti channel
• Tools and references: Claude Code, Remotion, Pinterest, Final Cut Pro, Adobe Premiere Pro, and CapCut