In Jitter you can animate your layers in a few ways:
Use AI Brainstorm to explore different animation directions
Use AI Superagents to describe the animation you want
Create custom animations
Add effects
Whichever method you use, every animation you create is added to the Timeline as an action. You can then edit, combine and reuse those actions.
Check out the video above to learn about the basics of putting animations together in Jitter.
To access animation properties, open the Animate tab in the Property panel.
AI Brainstorm
Use AI Brainstorm to generate motion ideas instantly from any static design.
Select your scene
Click the sparkle ✨ icon at the top-right corner of the scene to open the AI menu
Choose Brainstorm
Pick one or more styles you want to explore
Click Continue
✏️ Note: Animations made with Brainstorm are fully editable. You can tweak them manually, or keep chatting with Jitter AI to refine them.
Describe your animation with AI Superagents
If you already know what you want, you can describe it in plain language and let the assistant build it.
Click the sparkle ✨ icon at the top-right corner of the scene
Choose Open Chat
Describe the animation you have in mind
Keep giving feedback in the chat to refine the result
For example:
Make the title slide in from the left, then fade in the logo.
Create a smooth scrolling motion for the main text block
Make the headline’s entrance feel snappier: shorten it to about 0.4s, add a slight overshoot at the end, and stagger each word by 0.05s.
Use animation presets
Animation presets help you animate your layers in a few clicks.
Select a layer
Click New animation
Open the Presets tab
Choose your type of animation:
In animations make layers appear
Out animations make layers disappear
Click a preset to apply it
Presets work straight away, but you can still customize them. Adjust settings like distance, duration and timing in the Animate tab.
💡 Tip: The presets available depend on what you've selected. For example, text layers have different presets than shapes.
Build a custom animation
If none of the presets match what you have in mind, build your own animation from simple actions.
Select a layer
Click New animation
Open the Custom tab
Pick the type of animation you want to create, like Move, Scale, Rotate or Opacity
Adjust its parameters, duration and timing until it looks and behaves the way you want
Each animation type comes with its own set of parameters.
💡 Tip: Stack several custom animations on the same layer to create richer motion. For example, combining Move, Scale and Rotate gives you a classic bounce-in.
Add effects
Effects add another layer of visual transformation to your animation, from 3D rotations and repeats to displacements, RGB shifts and more.
Select a layer
Click New animation
Open the Effects tab
Hover over an effect to preview it
Click an effect to apply it
Effects appear in the timeline just like any other animation, with their own timing and parameters you can customize.
Edit and combine your animations
Every animation you apply to a layer is added to the Timeline. Click an animation in the timeline to update its parameters in the Animate tab.
Presets, custom animations and effects can all be combined in the same timeline. Drag them around to adjust their timing and build the exact motion you want.
Reuse your animations
Animations are modular, so you never have to rebuild the same motion twice. Copy and paste any animation or effect onto:
Another layer
Another artboard
Another file
💡 Tip: Want to go further? Learn how to build reusable animated components.