Jitter

Jitter is a fast and simple animation tool for teams. With it, you can animate your designs in seconds: with AI to kickstart ideas and generate effects, and full creative control to fine-tune every detail and make the animations your own.

🎬 Animate anything: from social media and ads to UI and product demos

🤖 Brainstorm with AI to turn any static design into an animated draft

🤝 Collaborate in real time on a shared infinite canvas

✨ Generate custom effects with AI, then tweak and reuse them across files

⚡ Scale content production with components, CSV import, and batch export

📦 Export as video, GIF, Lottie, and more

How to use the plugin

1. Select a frame or layer in Figma, and click the Copy button on the plugin
2. Click Open in Jitter
3. Animate 🪄

Not sure where to start? Click the ✨ icon next to your scene to create an editable draft animation with AI, then refine it to make it your own!

Pro tip: Hit ⇧⌘V to sync changes from Figma and keep your animations in place.

Features

Import from Figma in a click

Bring any Figma design into Jitter with pixel-perfect one-click import.

Animate with AI

Instantly turn a static design into an animated draft with AI, then refine it and make it yours.

Start from 400+ templates

Explore our free library of animation templates created by Jitter, award-winning studios, and top designers. Get inspired, remix, and make them your own.

Animate your way: with presets or fully custom effects

Add ready-made animation presets in a click or create fully custom creative tools with AI. Tweak every parameter and easily reuse your effects across files.

Work better, together

Work together with your team on an infinite canvas, leave feedback with in-context comments, and get work reviewed quickly with shareable links.

Scale content production

Ship hundreds of versions across formats, languages, and design variations with animated components, CSV import, and batch export.

Export to video, GIF, and Lottie

Export video (.mp4, .mov, .webm) in up to 4K and 60fps, GIF, Lottie, and more: there's a format for every use case.

FAQ

What can I do with the plugin?

You can import your Figma files into Jitter and animate them easily. To do so:

1. Select a frame or layer in Figma and click the “Copy” button on the plugin

2. From there, you can:

1. Create a new Jitter file → Click the “Open in Jitter” button in the plugin
2. Paste in Jitter → Open a Jitter file and hit ⌘V (use ctrl + V on Windows)
3. Sync your changes from Figma → In Jitter, select your layer and hit ⇧⌘V (use shift + ctrl + V on Windows): we’ll update it with the latest changes from Figma, and keep your animations in place

3. Animate ✨

What kind of animations can I do with Jitter?

You can animate anything with Jitter. Whether you are designing a social media post, an animated logo, a YouTube intro, a UI micro-interaction, a website, a product demo, or anything else, you can import your design into Jitter in a click and animate right away. We are a design tool like Figma, so we give you total control over the parameters: your imagination is the limit.

Can I export to Lottie?

Yes, with Jitter you can easily create and export Lottie animations. Simply import your Figma designs in one click with our plugin, animate them in Jitter, and export in the Lottie format. Then you can use your Lottie animations in your app, website, Webflow project, LottieFiles workspace, or anything else.

Can I design micro-interactions?

Yes, you can animate all the basic properties of your layers, groups, and masks: position, size, rotation, scale, opacity, corner radius, shadow, stroke, and more.

How is Jitter different from other animation plugins and tools?

We have a unique approach to animation.

After Effects and most animations plugins (e.g., Motion, Figmotion, Aninix, SVG Motion, Bannerify, and other Figmatic plugins) use the traditional keyframe system, which is complex to use if you don't have a lot of experience with motion design, and very hard to scake.

Instead, we use an animation model where you give instructions to layers (like Slide in or Fade out). This keeps animating intuitive, the timeline easy to read, and the animations reusable across layers and files.

Creating animations in Jitter is as simple as building an animation in PowerPoint or Keynote, but you have total control over the parameters. Jitter is a modern, web-based alternative to After Effects, without the learning curve. It lets you do motion design in a way that's fast, simple, and collaborative.

I found a bug, what should I do?

If you encounter any bugs, please reach out to us at support@jitter.video and we'll be able to fix it rapidly! ⚡️

Known limitations

Our priority is to keep Figma import pixel-perfect. We support most Figma properties natively; for layers with unsupported properties, we convert them to PNG or SVG so that you always get a pixel-perfect version of your design in Jitter.

A layer will be exported as a PNG or SVG if it has one of these properties:

1. Rich text (different colors or font weights in the same text layer)
2. Variable font
3. Multiple fills
4. Individual stroke
5. Multiple strokes
6. Multiple shadows

Here are the other known limitations:

1. You can only export 1 frame or layer at a time
2. Only simple masks are supported in Jitter (when the masking layer is the last layer of the group) – in all other cases, mask groups are exported as images

Contact

If you want to share your feedback, please reach out to us at support@jitter.video.

📸 Instagram · 🎬 YouTube · 🐤 Twitter · 🧑‍💼 LinkedIn