#Animation
@zyumbik: Creating a full circular progress bar animation
As always, Gleb comes up with an incredibly creative way to push Figma’s limits.
Advanced @figmadesign prototyping challenge: create a full circular progress bar animation with just two frames and Smart Animate. 😎 Can you?
— Gleb Sabirzyanov (@gleb_sexy) March 31, 2020
▶️ Duplicate the Figma file to see how I did it: https://t.co/zqAZnAlds5
Not gonna lie, my brain still hurts from this one.🧠 pic.twitter.com/0TZRE0AXOv
Flipbook
Create, preview, and export sequence animations.
Designing Microinteractions in Figma
Figmatch between illustrators Clare Freeman and Alicja Colon, hosted by Rogie King and Justin Mezzell on Twitch.
Morgana D’Almeida: I tested Sketch competitors to figure out which one would be best at creating micro-interaction animations
Ultimately she went with InVision Studio, but her comparison and experience of using them is really interesting.
I tested the 3 main Sketch competitors @figmadesign @InVisionApp studio and @AdobeXD to figure out which one would be best at creating micro-interactions #animations and to then share with our UI Devs in the future.
— Morgana D'Almeida 🇺🇦 (@morganadalmeida) March 7, 2020
👩💻 and here is what I learned [thread]: 1/8
LottieFiles
The plugin provides access to the library of Lottie animations and interactive designs.
Animating Microinteractions With Figma
Build and animate a prototype for a simple micro-interaction in Figma in this tutorial by Jeremy Osborn, Academic Director at Aquent Gymnasium.
The Mandalorian Promo Site Figma Smart Animate
Nerdfox — whose motion design work was featured in the last issue — builds concept design for The Mandalorian promo website and animates it using Smart Animate.
Figma: 5 ways to add animation to your designs
The article dives deeply into different methods of adding animations to designs in Figma — GIFs, Figmotion plugin, simple prototypes, and Smart Animate.
@nerdfox
Nerdfox builds interesting animation demos using Smart Animate features.