Prototype a Maps App in Figma - Full Course

From UI Design to a Figma prototype using animations and gestures

📂 Figma file
➡https://www.figma.com/community/file/1101416509039548997/Map-app

🎞 Video timestamps
0:00 - Intro
3:51 - Start Button with While Hovering
7:56 - Car animation with After Delay
7:51 - Icons animation with While Hovering
17:01 - Time Picker animation trick
20:13 - Map animation with After Delay
24:41 - Nav bar buttons with bouncy effect animation
28:47 - Mileage Chart animation with While Hovering
30:28 - Drag Gesture
36:59 - Outro

🪄 Join this channel to watch the entire course on YouTube
➡ https://www.youtube.com/channel/UCTIhfOopxukTIRkbXJ3kN-g/join

📺 Watch the complete UI Design Quick Apps in Figma course
➡ https://www.youtube.com/playlist?list=PLDaHCLWmCcQLKv4qWsHm7aiuvIhvT3rn1

🚀 Follow this course on Design+Code's website
➡ https://designcode.io/quick-apps-figma

Learn more about the basic prototype : https://youtu.be/KfgS6zCTMrA
Learn more about variants : https://youtu.be/YoHTtporWrw

Learn UI Design
🖌 UI Design quick apps in Figma: https://designcode.io/quick-apps-figma
🖌 UI Design for developers: https://designcode.io/ui-design
🌈 Design system in Figma: https://designcode.io/figma
🎨 Figma Handbook: https://designcode.io/figma-handbook
📱 iOS Design Handbook: https://designcode.io/ios-design-hand...

Learn SwiftUI
📱 Build an app for iOS 15: https://designcode.io/swiftui-ios15
📱 Build quick apps with SwiftUI: https://designcode.io/quick-apps-swiftui
🛠 SwiftUI Handbook: https://designcode.io/swiftui-handbook

Follow Me
🐦 Twitter: https://twitter.com/SouranyPhomhome
📸 Instagram: https://www.instagram.com/sou.design