I built AniMotion: A new Figma plugin for advanced web animations and direct WebM export
Hi Reddit!
I'm a solo developer and a designer, and I finally released a project I've been working on for months. I got tired of constantly switching between Figma and After Effects just to export simple UI micro-interactions as optimized video.
Introducing AniMotion — a Figma plugin that brings layers to life and exports them directly to high-quality WebM.
Why it's different:
🚀 30+ Animation Presets: Fade, Zoom, Blur, Glitch, 3D Tilt, Parallax, Typewriter, and more.
📈 Custom Bezier Editor: Built-in interactive curves editor for perfect easing.
⏱️ Advanced Timing: Control delay, speed, stagger, yoyo, and infinite loops.
🎬 Global Controls: Automatic fade out or reverse animations at the end of the clip.
🎥 Local WebM Render: It happens right in your browser (iframe). Crucially, it supports Alpha-channel (transparent background) for seamless web integration!
Right now, you get unlimited exports, custom curves, and global settings completely for free. I'd rather have designers use the tool and give feedback than have it sit idle while bureaucracy happens.
Give it a try here:
https://www.figma.com/community/plugin/1629884426410022392/animotion-video-ui-animation
I would be incredibly grateful for your feedback, bug reports, or feature ideas. And if you like it, a "Save" (like) on the Community page helps immensely with the algorithms!
Thanks for checking it out! Let me know what you think