LottieFiles

멋진 디지털 경험, 로티 애니메이션과 함께하세요

가볍고 효율적인 애니메이션을 빠르게 만들어 관리하고, 웹사이트, 앱, 프레젠테이션, 소셜 등 다양한 곳에 바로 적용해 보세요.

쉬운 개발 핸드오프

실제 서비스 바로 적용 가능

전 세계 28만 개 이상의 회사, 1,400만 이상의 디자이너 & 개발자가 이용 중이에요.

Google
Disney
Nike
Uber
Spotify
Netflix
Microsoft
Airbnb
Amazon
Tiktok
Toss case study
Wise case study
Gojek case study
Duolingo case study
CNN case study
DisneyNOW case study
Canva case study
Zomato case study

세계 최대 규모의 맞춤형 애니메이션 라이브러리에서 영감을 얻어보세요

50만 개 이상의 유/무료 애니메이션, 손쉽게 찾아 바로 사용할 수 있어요.

한 방에 끝내는 로티 모션 제작
멋진 모션 제작에 걸리는 시간, 너무 길지 않나요? Lottie Creator로 한 방에 모션 워크플로우를 간소화해 보세요. 피그마, 애프터이펙트 등 사용 중인 툴에서 바로 디자인하고, 플러그인을 통해 로티로 내보낼 수도 있습니다. 더 쉬운 모션 디자인, 로티파일즈가 함께할게요.

Lottie Creator

웹앱에 활용 가능한 초경량 인터랙티브 애니메이션을 만들 수 있는 웹 기반 로티파일즈 자체 모션 제작 툴이에요. AI 기반 키프레임 생성 기능인 모션 코파일럿도 내장되어 있어요.

스마트한 모션 워크플로우로 수많은 디자인 및 개발 시간을 절약하세요.

최신 모션 워크플로우를 통해 모션 디자인과 적용 시간을 획기적으로 줄여 보세요.

모든 기능 살펴보기

팀 워크스페이스

애니메이션을 만들고, 수정하고, 함께 리뷰까지 — 모두 하나의 안전한 공간에서 할 수 있어요.

최적화 및 다운로드

dotLottie & optimized dotLottie로 웹앱 애니메이션을 훨씬 빠르게 로드하고 더 높은 전환율을 기대할 수 있어요.

진행 상황 업데이트

코멘트와 상태 업데이트 기능으로 애니메이션 진행 상황을 팀과 함께 손쉽게 관리하세요.

매끄러운 개발자 핸드오프

내장 CDN, 런타임, VSCode 통합으로 애니메이션을 테스트하고 최적화해 손쉽게 구현하세요.

디자인 툴과의 매끄러운 연동

피그마, 프레이머, 웹플로우, 캔바 내에서 로티파일즈 워크스페이스에 접근해 애니메이션을 빠르게 활용해 보세요.

dotLottie - 더 강력해진 런타임 성능

Lottie 애니메이션, 뭐가 그리 좋을까?

JavaScriptReactVueSvelteAppleAndroid

10x

열 배 빠른 배포 속도

Dev ready

예시코드로 빠르게 적용하기

Dev ready
dotLottie
0kb
GIF 대비 90% 용량 절감
Lottie JSON
0kb
GIF 대비 60% 용량 절감
GIF
0kb

3x

유저 인게이지먼트 세 배 증가

40%

더 최적화된 SEO로 순위 상승

5x

다섯 배 빠른 페이지 로딩 속도

인터랙션

즐거운 경험을 위해

Interactive animation code
Google
React
Wix
Canva
Microsoft
Notion
Bubble
Wordpress
Figma
After Effects
Webflow
Framer
Protopie
Origami
Android
Apple

단 몇 번의 클릭으로
 애니메이션, 구현 완료.

업계 최고의 디자인 & 개발 툴과 연계해서 사용할 수 있어요.

지원 툴 모두 보기

AI로 창의력을 마음껏 펼쳐보세요

모션 그래픽, 어디서부터 시작해야 할 지 막막하진 않으세요? 로티파일즈에서 제공하는 Motion Copilot, Raster to Vector, AI Prompt to Vector 등 다양한 기능을 Lottie Creator 및 Figma에서 만나보세요. 쉽고 빠르게 벡터 애니메이션을 만들 수 있게 도와줄 거예요.

전 세계 디자인 팀의 원픽, 로티파일즈

다른 팀이 어떻게 로티 애니메이션을 활용해 기억에 남는 사용자 경험을 만드는지 알아보세요.

로티 활용사례 살펴보기

만들고, 협업하고, 활용하세요.

애니메이션, 우리 제품에 직접 넣어 보세요. 진짜 쉬워요!

무료로 시작하기