본문 바로가기
프로덕트 디자이너/LottieFiles 로티 애니메이션

[Lottie] 로티 파일즈 코리아 첫 오프라인 밋업 참여 후기

by 재키방 2023. 12. 15.
반응형

로티 코리아 첫 오프라인 밋업 Meet & Greet

처음으로 로티 오프라인 밋업에 참여한 후기를 남겨보려고 한다. 피그마 행사는 종종 봤어도 로티 이벤트는 참 희귀한데.. 한국에서 LoffieFiles가 직접 주최한 건 이번이 처음이라고 한다. 우연히 페북에서 누군가 공유한 걸 보고 후다닥 신청할 수 있었다.

강남에 있는 모두의 연구소에서 1시간 반에서 2시간가량 진행했고, 신청 인원은 40명, 오신 분은 총 20명대 후반 정도 됐던 것 같다. 누가 전에 온/오프라인 행사에 절반 이상만 오면 대성공이라 하던데.. 이 정도면 선방한 게 아닐까 싶다 ㅎㅎ

이번 행사는 캐주얼 네트워킹이었기 때문에 전반적으로 무겁지 않은 내용들로 진행됐다. 순서는 아이스브레이킹을 위한 퀴즈와 로티 새로운 소식들, 간단한 질의응답 그리고 네트워킹 시간을 가졌다.

네트워킹을 위한 귀여운 이름표

 

로티 굿즈 스티커

희귀한 로티 스티커 굿즈를 얻었다 (역시 굿즈 모으려고 행사 참여하는 디자이너들)


케이터링으로는 피자랑 맥주 그리고 여러 가지 군것질거리를 잔뜩 준비해 주셨다. 커뮤니티 매니저님이 네트워킹을 위해 준비한 맥주가 많이 남아서 빨리 가져가라고 적극 어필하셨다. ㅋㅋ

 


아이스브레이킹과 로티 퀴즈

(아쉽게도 사진이 많이 없음🥲)



가장 먼저 아이스브레이킹으로 온라인 참여형 퀴즈가 시작됐다. 로티를 쓰고 있었던 사람이라면 이미 대부분 알고 있을 법한 내용들로 구성됐었지만, 몇 가지 어려운 질문으로 만점 받기는 생각보가 어려웠다. 😂

퀴즈 중에서 가장 신기했던 건 로티가 플러그인을 제공하는 서비스가 정말 많다는 사실.. Figma나 에펙은 이미 가장 많이 쓰고 있었고, Canva는 전에 우연히 알게 됐는데, MS365까지 제공하고 있는지는 상상도 못 했다. 그 외로 대략 6개 정도 서비스에서 로티 플러그인이 적용되고 있었다.



로티 최신 업데이트 소식 3가지

퀴즈가 끝난 뒤 컬처 매니저님이 프레젠테이션을 진행해 주셨다. 최근 로티 업데이트와 소식으로는 총 3가지가 있었다.
1. 피그마 플러그인 업데이트
2. 애니메이션 크리에이터 내년 초 출시 (현재 베타 버전)
3. 로티 한국 블로그 출시
(매니저님이 피땀 흘리며 한국 블로그를 운영하고 있다고 하셨다 ㅎㅎ)

각각의 내용은 로티 사이트에서 자세히 확인할 수 있다.
피그마 플러그인 업데이트 👇

 

LottieFiles for Figma - Elevate Your Designs & Create Animations with Figma to Lottie

Add Lottie animations to your Figma designs effortlessly with LottieFiles for Figma. Use the Figma to Lottie feature to create realistic prototypes and production-ready animations right within Figma.

lottiefiles.com


로티 크리에이터 (피그마나 에펙을 거치지 않고 로티 애니메이션을 직접 만들 수 있다!)

 

Lottie Creator: Create Lottie animations easily

Easily create high-quality, lightweight and powerful Lottie animations with Lottie Creator. Bring motion to your designs with motion graphics.

lottiefiles.com


로티 파일즈 한국 블로그

 

LottieFiles 블로그

LottieFiles의 업데이트 소식과 인터뷰, Lottie 애니메이션 케이스 스터디, 영감, 팁 그리고 튜토리얼 등. LottieFiles의 다양한 소식을 놓치지 마세요.

lottiefiles.com

 

Lottie Player - 인터렉티비티 가이드

업데이트 소식은 아니지만 추가적으로 질의응답을 진행하면서 소개해주신 인터렉티비티 가이드가 있드는 걸 처음 알게 됐다. 이 가이드는 로티를 웹사이트에서 인터렉티브 하게 사용하는 방법에 대한 코드 안내가 적혀 있다.

예를 들어, 애플의 웹사이트에서 스크롤을 올리고 내리는 거에 따라 애니메이션이 프레임 단위로 진행되는 것 같은 인터렉션을 로티로 활용하는 방법에 대한 내용이다. 현재 웹사이트를 만들고 있는데, 우리 팀에서도 개발자와 소통하며 바로 적용할 수 있는 부분을 검토해보려고 한다. 개인적으로 가장 유용하다고 생각한 정보였다..

로티 인터렉티비티 가이드 (모바일은 아직 호환이 안되는지 PC로 봐야 할 듯..)

 

Lottie Player - Interactivity Guide

This is a quick demo for using the Lottie interactivity library with the Lottie Web Player component and the Lottie Player to add interactivity to your applications

lottiefiles.com



질의응답과 로티 크리스마스
카드 만들기 챌린지

이후로는 로티 팀과 개발자 분들에게 질의응답 시간을 가졌다. 실무적인 내용이 많이 없었던지라 한 가지 기억나는 점을 적어보자면.. 피그마에서 로티 플러그인 사용 시 안 나오는 오류는 레이어 네이밍 때문인 경우가 있다고 한다.

마지막으로 캔바에서 로티를 이용해 크리스마스 카드를 만드는 챌린지를 진행했다. 로티의 CEO 케이 밍글라니(K Minglani)가 실시간으로 우승자들을 뽑아주셨는데 영광스럽게도 3명 중 한 명으로 뽑혔다! 와이파이 연결하고 캔바 계정을 찾느라 시간이 너무 없었는데.. 나름 로티를 보여주는 색깔과 폰트 전략이 잘 통했던 것 같다 (애초에 참여자들이 많이 없긴 했다만.. ㅎㅎㅎ)


모든 일정을 마치고 각자 네트워킹 시간을 가졌다. 더 많은 디자이너와 개발자 분들과 소통하지 못한 점이 아쉬웠다. 퍼실리에이터가 없는 네트워킹은 아직 쉽지 않다 ㅎㅎ..

처음 로티에 대해 알게 되고 포스팅을 한지 거의 3년이 돼 가는데 이렇게 무섭게나 빠르게 성장할 줄 몰랐다. 디자이너들에게 멀게 느껴졌던 인터렉션이 로티 덕분에 점점 더 가까워지는 듯하다. 앞으로 로티가 얼마나 더 발전할지 궁금하고, 한국에서 활동도 기대된다.


로티 사용법이 궁금하다면 👇

 

[Lottie] 로티 애니메이션 만들기 2편 - 무료 애니메이션 json 파일 다운받기

스타트업은 언제나 리소스가 부족하다. 하지만 20명분의 디자인을 해내는 스타트업의 프로덕트 디자이너들에겐 종종 애니메이션을 만드는 미션까지 주어지곤 한다. 당장 짬 내서 에펙을 만지거

jackiebang-design.tistory.com