[로티파일즈] LottieFiles Figma to Lottie Course - 피그마에서 Lottie 애니메이션 만들기

시나리오 : 
 
[Figma x Lottie files meet-up]에서 피그마 애니메이션 만드는 이색적인 경험을 한 적이 있는데 나만 알고 있기 너무나 아까운 것이 아니겠어요??? 
로티파일즈에서 이제 온라인에서 장소에 구애받지 않고 들을 수 있도록 제공해 준다는 사실!!! 
 

Figma to Lottie Course?

피그마에서 생성한 애니메이션을 로티포맷으로 추출해서 사용할 수 있게 해주는 방법들을 친절하고 자세히 알려주고 있다.
 

참여방법

로티파일즈 홈페이지 > 상단 Education 탭 > Courses 클릭! 
맨 처음에 "Figma to Lottie Course"를 확인할 수 있다. 
 
 
 

 

강의구성  

총 10개의 강의로 구성되어 있는데 듣는데 24분이면 된다. 실습을 따라 하다 보니 필자는 40분 정도 소요한 것 같다. 
플로그인 설치하는 방법부터 차근차근 알려주니 꼭 들어보자. 

 
 
 

사용법

• LottieFiles 플러그인을 검색하여 설치한다.

플러그인 설치

 

• 플러그인을 실행하면 총 4가지의 탭을 확인할 수 있다. Discover, Workspaces, Export to Lottie , Import 

 

 

 
 
Export to Lottie기능에서 Prototype들을 찾아서 실행할 수 있고,
Prototype으로 지정되면 피그마에서 바로 실행가능한 버튼이 생성된다. 
동작하는걸 바로바로 확인할 수 있어서 핵이득! 
 

 
듣다 보니 어느새 절반이상 듣고 있는 자신을 발견하게 되었습니다 ㅎㅎ 
 

 
 
마지막에는 20개의 퀴즈를 풀게 된다. 분명 100점 맞을 것 같았는데 아까비.. 🥲
오답노트가 있었으면 좋겠다는 작은 아쉬움이 들었다. 
 

 
짠! 수료! (로티답게 꽃가루가 떨어질 것 같았지만 ㅋㅋㅋ 심플했다) 

 

결과물

라이언은 [Figma x Lottie files meet-up]에서 진행했던 것이고 아래의 별모양으로 애니메이션을 만들어 보았다. 
대박신기방기😎

 
 
 
 

수료증

Figma to Lottie Course를 수료완료하게 되면 메일로 수료증을 받을 수 있다. 
 

 
 

마무리 

- 피그마에서 애니메이션을 간단하게 만들어볼 수 있는 좋은 경험 👍
- 30분 정도 투자하고 수료증도 받고 성취감 업업! 뿌-듯함도 덤!
- 관련문의사항은 카카오톡 오픈채팅방 로티파일즈 Korea 커뮤니티에서 언제든 자유롭게 질의가 가능하다!
   로티파일즈 감사합니다 🥳
 
 
ref. 
 
https://lottiefiles.com/courses

Lottie courses - Education - LottieFiles

 
https://open.kakao.com/o/gAjmD2Nf 

로티파일즈 (Lottiefiles) 사용자 모임

https://forum.lottiefiles.com/

Let's talk Lottie