In this video, I'll show you how to create three amazing UI/UX animations using my new favorite tool, Phase. If you often prototype in Figma and wonder how to bring your animations to life in real projects, this video is for you! With Phase, you can export your designs in JSON, Lottie, MP4, or GIF formats effortlessly.
Check out Phase and take your UI/UX projects to the next level: https://app.phase.com/?utm_source=instagram&utm_medium=agatha
I'll be walking you through:
Animated Burger Menu 🍔
Loading animation 🔵🟡🔺
Day and Night Toggle Switch 🌞🌜
Phase makes animation creation super easy with automatic keyframes and a familiar editor interface. Plus, you can collaborate in real-time and edit animations together like never before. The dedicated Figma plugin allows for seamless import of your designs, so you can start animating right away.
If you enjoyed the video, please give it a thumbs up, subscribe for more tutorials, and let me know in the comments which animation you'd like to see next!
Chapters: 0:00 - Introduction 1:06 - Animated Burger Menu 3:20 - Loading animation 5:47 - Day and Night Toggle Switch
Follow me on social media: Instagram: @thedesignely TikTok: @thedesignely Threads: @thedesignely
#UI #UX #Figma #design #phase #animations