Intro · 1:42
Remotion and the components you need
Why a Motion user is trying Remotion, and the pieces of the workflow.
- Remotion makes videos with code (React).
- You need Claude, Remotion and a code environment.
- You don't write the code yourself.
| Component | Role |
|---|---|
| Remotion | Renders animation |
| Claude | Writes code |
| You | Creative director |
Do this in your own tools, step by step. Ticks are saved on this device.
What is Remotion?
A way to make video with code.
Who writes the code?
Claude.
0:00 Especially for making motion graphics for Follonica Pro, but really for any NLE. But what if you could create motion graphics just by talking to your computer and telling it what you want it to make? That's what we're going to do today. Right, what I'm going to do first here is lay out the components of what makes it possible to do this prompt-based motion graphics creation. And then I'm going to do a little demo. Uh, I'll show you some examples of some other work I've done with it.
0:43 And then I'm going to show you how you can set it up yourself. So, what we're looking at right now is what's called Remotion Studio. We can see we're in Chrome. You can see I'm in a local host. I'm just running a local server. And this is the Remotion interface. Remotion is the piece of software that allows you to create these motion graphics that we're going to tie into. So, what is Remotion? Well, let's play a little, a little bit of this.
1:17 What is Remotion? And I'm playing this directly in Remotion. Remotion is an open-source framework that lets you create videos programmatically using React and JavaScript. Now, you don't need to worry about what is React and what is JavaScript.
Get the other 9 chapters, the exam and your certificate for LinkedIn, plus all 700+ AI courses.