Add Animations to your UI Designs + Hand-off to Developers

Add Animations to your UI Designs + Hand-off to Developers

Maddy Beard UX 35.5K subscribers
11.2K views · 2022-04-21 UI Design
How to customize and add animations from Lottie into your Figma UI design projects, preview them, and hand them off to developers seamlessly! In this example we'll be choosing a loader animation, editing the colors, and adding it as a GIF into our Figma file for a food delivery app :)

Hi-Fi Prototypes with ProtoPie: https://www.protopie.io/plans?ref=maddy
Use code MADDY at checkout for 30% off your Pro Plan

◤ Mentioned In This Video
》Lotties Animations: https://lottiefiles.com/
》Preview Lottie: https://drawer.design/preview-lottie-animation/
》More Tutorials: https://bit.ly/36h8PSe

◤ Skillshare Class
》Intro to UI/UX Design: https://skl.sh/3pcWnGC

◤ Connecting Designers + Jobs
》Browse the job board: https://bit.ly/3qOjs62
》Apply to the talent collective: https://bit.ly/3uJSuNZ
》Search for talent: https://bit.ly/3tVklvM

◤ Shop My Favorites
》screen recording: https://loom.grsm.io/maddy
》desk accessories: https://bit.ly/3iCIwJ0

◤ Follow Me
》Instagram: @maddybeard.ux
》Email List: maddybeard.ck.page
》Behance: behance.net/maddybeard

☆ For Business Inquiries: email maddy@maddybeard.com