Your first animation
Describe what should move, watch it render live, then refine it with feedback, chips or your own hands.
Every animation starts in a session: a chat on the left and the stage on the right. You describe what you want, the AI builds it as editable layers, renders it live, runs the quality check and fixes what it finds before it answers. Then you refine it, by chat or by hand, until it feels right.
Make it
- Press ⌘N for a new session (or just start typing in the empty chat).
- Describe the animation, for example: “A like button: the heart pops, a ring bursts out, the count ticks up.”
- Press Return to send. ⇧↩ adds a new line.
- Watch the stage: the animation plays as soon as the first version is ready, with a quality score next to it in the Versions strip.
Under the answer, a quiet line lists what changed (for example @heart · scale), and EaseKit suggests next steps read from the animation itself. In the Layers tab, Why it moves like this holds the AI's reasoning in one folded line; open it to read each decision.
Refine it
Talk to it like a motion designer: “calmer”, “more bounce on the button”, “the text is too fast to read”. Each answer becomes a new version, so you can always go back.
| Way to refine | How | Best for |
|---|---|---|
| Chat | Type what should change and send | Anything, from timing to new layers |
| Feedback chips | Click Too hectic, More punch …; ⌥-click applies it instantly without the AI | Common motion symptoms |
| Strength dial | Click the change note under an answer, then drag from 0 to 150 % | Keeping part of an AI change |
| Reference a layer | Select it and press ⌘L | Changing exactly one part |
| By hand | Drag on the stage, edit in the inspector, move keyframes | Precise values |
| Tuning | Refine panel (⌥⌘4): Speed, Stagger, Bounce, Distance | The overall feel |
Keep or undo a change
- A new AI version shows a black pill at the top of the window, “New version v4 from AI”, with Undo for 10 seconds. Press ⌥⌘Z or click Undo to go back to the version before.
- Hand edits collect as a draft. Press ⌘↩ or click Apply to save them as a version, or Discard them.
- Click any earlier version in the Versions strip. Your next message then builds on that version.
Share or export it
Press ⌘E to open Render: export a video, GIF, Lottie, code for React or SwiftUI, or copy a share link. See Export and share.
Works with
- Your first product launch animation: the same flow, end to end, with an MP4 at the end.
- Feedback chips and strength
- Versions and drafts
Troubleshooting
| If this happens | Try this |
|---|---|
| Nothing happens when you send | Check that a provider is connected in Settings → Providers. The chat shows Set Up in Settings when none is. |
| The stage stays empty | Turn on Open the Stage automatically when an animation is created in Settings → Appearance, or press ⌘I to show the panels. |
| The AI changed too much | Click the change note and dial the strength down, or press ⌥⌘Z while the undo pill is visible. |