Jitter · Animation for Figma

About this plugin

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 moreHow to use the pluginSelect a frame or layer in Figma, and click the Copy button on the pluginClick Open in Jitter 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.FeaturesImport from Figma in a clickBring any Figma design into Jitter with pixel-perfect one-click import. Animate with AIInstantly turn a static design into an animated draft with AI, then refine it and make it yours.Start from 400+ templatesExplore 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 effectsAdd 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, togetherWork together with your team on an infinite canvas, leave feedback with in-context comments, and get work reviewed quickly with shareable links.Scale content productionShip hundreds of versions across formats, languages, and design variations with animated components, CSV import, and batch export. Export to video, GIF, and LottieExport video (.mp4, .mov, .webm) in up to 4K and 60fps, GIF, Lottie, and more: there's a format for every use case. FAQWhat 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 plugin2. From there, you can:Create a new Jitter file → Click the “Open in Jitter” button in the pluginPaste in Jitter → Open a Jitter file and hit ⌘V (use ctrl + V on Windows)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 place3. 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 [email protected] and we'll be able to fix it rapidly! ⚡️Known limitationsOur 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:Rich text (different colors or font weights in the same text layer)Variable fontMultiple fillsIndividual strokeMultiple strokesMultiple shadowsHere are the other known limitations:You can only export 1 frame or layer at a timeOnly 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 imagesContactIf you want to share your feedback, please reach out to us at [email protected].📸 Instagram · 🎬 YouTube · 🐤 Twitter · 🧑‍💼 LinkedIn