Designing and Exporting Figma-Jitter Animations
Animate Figma Designs in Jitter + Export WITH Glass Effects (Free, No Screen Recording)
Free Figma Design file from video:
https://www.figma.com/community/file/16136...
Framify Video Exporter Figma plugin (free):
https://www.figma.com/community/plugin/161...
I show how I animate a Figma design using Jitter, starting with a free “skateboard e-commerce app” community file and focusing on a simple loading screen. I walk through using the Jitter Animation for Figma plugin to convert a selected frame into Jitter layers, then use Jitter’s AI suggestions for ideas and reverse-engineer the settings (word-by-word text animation, delays, easing).
00:00 Intro and Goals
00:39 Project File Overview
01:51 Glass Effect Challenge
02:36 Send Frame to Jitter
03:35 AI Animation Inspiration
05:10 Text Animation Breakdown
06:42 Animate Ground and Logo
09:09 Animate Samurai Entrance
13:34 Export from Jitter
14:53 Embed Video in Figma
15:45 Export with Video Plugin
17:22 Final Render and Wrap Up