Vigyata.AI
Is this your channel?
AveragedesigndudeAveragedesigndudeLink to FREE Figma source file

Link to FREE Figma source file

I linked the free Figma source file so you can follow along with the exact frames and micro interaction setup I build in the video. If you want to see how I structure the duplicates, naming, Smart Animate connections, and the spring timing, this file makes it way easier to reverse-engineer. Grab it and tweak the durations/curves to match your own style.

Buy on Averagedesigndude

You'll be taken to Averagedesigndude to complete your purchase.

Pros

  • +Free file to follow the tutorial step-by-step
  • +Shows the full micro interaction flow with duplicated frames and prototype links
  • +Great starting point for customizing your own UI animations

Cons

  • -You’ll still need to tweak timing/curves to fit your specific UI
  • -Best results require understanding layer naming for Smart Animate

Featured in this video