From Figma to Lottie - UI/UX Animations Made Easy

Опубликовано: 13 Июнь 2023
на канале: DesignCourse

32,432

https://bit.ly/3N6Btqu 👈 Design like me. Use "UI2023" for 23% Off!
https://designcourse.com/af 👈 My upcoming "Advanced Frontends" Course
-- Today, I'm going to show you how to create a custom animation in Figma, export it as a Lottie file, and then control and animate it on the web via their JavaScript library.

0:00 - Intro
0:30 - Basic Menu Design
2:05 - Creating the Animations
3:59 - Exporting to Lottie
6:49 - HTML, CSS and JS

Let's get started!

#uiux #lottie

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: / designcoursecom

Join my Discord! / discord
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!