Background
LottieFiles

+

Webflow

가볍고 인터랙티브한 Lottie 애니메이션과 더욱 특별해진 웹플로우 웹사이트 제작을 경험해 보세요.

Lottie 애니메이션으로 웹사이트를 더욱 풍부하게 꾸며보세요. 사용자 참여와 전환율을 높이고 훨씬 흥미로운 웹사이트 제작이 가능해집니다.

웹플로우에서 세계 최대의 Lottie 애니메이션 라이브러리에 접근하고, 모든 웹플로우 사이트에 손쉽게 모션 애니메이션을 추가해보세요.

모션과 함께 참여율을 높이고
더 나은 스토리를 전달해 보세요.

100,000개 이상의 무료로 사용 가능한 Lottie 애니메이션

팀 애니메이션에 폴더에 접속하여 웹플로우에
바로 삽입할 수 있습니다.

Optimized dotLottie를 지원하여
웹플로우에서 페이지 로딩속도를 향상 시켜 줍니다.

애니메이션에 브랜드 색상을 쉽게
수정할 수 있습니다.

웹플로우 인터랙티비티 기능과 완벽하게 호환됩니다.

손끝에서 펼쳐지는 반응형 애니메이션으로 사용자의 시선을 사로잡아 보세요.

Page load

Parallax

Reveal

Page load

Parallax

Reveal

Lottie로 만들어진 웹플로우 웹사이트

Lottie 애니메이션을 사용하여 제작된 다양한 웹플로우 사이트들을 확인해보세요.

  • Sleep by Headspace
  • The Legend of Santar
  • F'in sweet Lottie Animations
  • Lottie Buttons
  • Let Your Brand stand out from the crowd
  • CRE-ATE
  • OSOS | Creative Studio
  • Jack Jaeschke — Motion Design Portfolio
  • Plink Webflow Rebuild
  • Sleep by Headspace
  • The Legend of Santar
  • F'in sweet Lottie Animations
  • Lottie Buttons
  • Let Your Brand stand out from the crowd
  • CRE-ATE
  • OSOS | Creative Studio
  • Jack Jaeschke — Motion Design Portfolio
  • Plink Webflow Rebuild

3가지 간단한 단계로 시작하세요

1단계

앱을 설치

LottieFiles for Webflow 플러그인을 설치합니다.

2단계

애니메이션 검색

‘Discover’ 또는 ‘Workspaces’ 탭을 사용하여 Lottie 애니메이션을 검색하세요.

3단계

애니메이션을 삽입

웹플로우 사이트에 애니메이션을 삽입하세요. 애니메이션의 색상을 수정하거나 인터랙션을 추가할 수 있습니다.

웹플로우에서 Lottie 애니메이션을 사용하는 방법

Design teams love LottieFiles

Airbnb

"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."

Salih Abdul-Karim
Lead Motion Designer at Airbnb

Salih Abdul-Karim, Lead Motion Designer at Airbnb
Webflow

"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."

Barrett Johnson
Product Marketing at Webflow

Barrett Johnson, Product Marketing at Webflow
Swiggy

"LottieFiles is a one-stop destination for all your Lottie needs ever."

Saptarshi Prakash
Product Design Manager at Swiggy

Saptarshi Prakash, Product Design Manager at Swiggy

Design teams love LottieFiles

Airbnb

"Instead of spending dozens of hours learning Xcode or Android studio, I use LottieFiles to test and share. Now I use those hours to make my animations as dope as I can."

Salih Abdul-Karim
Lead Motion Designer at Airbnb

Salih Abdul-Karim, Lead Motion Designer at Airbnb
Webflow

"Our customers can add Lottie animations to their site in seconds, without even thinking about code. The creative control this unlocks is huge."

Barrett Johnson
Product Marketing at Webflow

Barrett Johnson, Product Marketing at Webflow
Swiggy

"LottieFiles is a one-stop destination for all your Lottie needs ever."

Saptarshi Prakash
Product Design Manager at Swiggy

Saptarshi Prakash, Product Design Manager at Swiggy

FAQs

LottieFiles for Webflow 가 모에요?

LottieFiles for Webflow는 100,000개 이상의 무료 Lottie 애니메이션과 LottieFiles에 있는 개인 파일에 접근할 수 있는 강력한 플러그인 입니다. 이 플러그인을 통해 웹플로우에 손쉽게 모션 및 인터랙션을 추가할 수 있습니다.

LottieFiles for Webflow 가 모에요?

LottieFiles for Webflow는 100,000개 이상의 무료 Lottie 애니메이션과 LottieFiles에 있는 개인 파일에 접근할 수 있는 강력한 플러그인 입니다. 이 플러그인을 통해 웹플로우에 손쉽게 모션 및 인터랙션을 추가할 수 있습니다.

LottieFiles 플러그인을 어떻게 설치하나요?

LottieFiles 플러그인을 어떻게 설치하나요?

웹플로우 사이트에 사용할 Lottie 애니메이션은 어디에서 찾을 수 있나요?

웹플로우 사이트에 사용할 Lottie 애니메이션은 어디에서 찾을 수 있나요?

웹플로우에서 Lottie 애니메이션이 지원되나요?

웹플로우에서 Lottie 애니메이션이 지원되나요?

웹플로우 사이트에서 Lottie 애니메이션을 커스터마이징할 수 있나요?

웹플로우 사이트에서 Lottie 애니메이션을 커스터마이징할 수 있나요?

LottieFiles for Webflow의 Lottie 애니메이션은 무료인가요?

LottieFiles for Webflow의 Lottie 애니메이션은 무료인가요?

LottieFiles for Webflow를 상업적 프로젝트에 사용할 수 있나요?

LottieFiles for Webflow를 상업적 프로젝트에 사용할 수 있나요?

LottieFiles for Webflow에 새로운 애니메이션이 정기적으로 추가되나요?

LottieFiles for Webflow에 새로운 애니메이션이 정기적으로 추가되나요?

LottieFiles for Webflow에서 사용할 수 있는 Lottie 애니메이션의 개수에 제한이 있나요?

LottieFiles for Webflow에서 사용할 수 있는 Lottie 애니메이션의 개수에 제한이 있나요?

LottieFiles for Webflow 앱을 통해 내 개인 애니메이션에 접근할 수 있나요?

LottieFiles for Webflow 앱을 통해 내 개인 애니메이션에 접근할 수 있나요?

지금 웹플로우에 모션을 추가해 보세요!

웹플로우에 LottieFiles를 이용하여 웹사이트에 모션을 빠르고 쉽게 추가할 수 있습니다.