Become a
certified expert

with

LottieFiles for Framer
certification

Become a
certified expert

with

LottieFiles for Framer
certification

LottieFiles

+

Figma to Lottie:Figma에 모션을 더하다

Figma to Lottie:Figma에 모션을 더하다

Figma to Lottie 플러그인을 사용하여 디자인이나 프로토타입을 손쉽게 사용 가능한 Lottie 애니메이션으로 변환해 보세요. Figma Dev Mode에서 LottieFiles DevMode 플러그인을 활용하면 애니메이션 임베드 코드와 에셋 링크를 Figma 내에서 바로 얻고 파일을 빠르게 개발자에게 전달할 수 있습니다.

Trusted by over million users and companies worldwide.

  • Google
  • Disney
  • Duolingo
  • Uber
  • Instacart
  • Citi
  • Accenture
  • Grab
  • Gojek
  • Spotify
  • Netflix
  • TikTok
  • Microsoft
  • Airbnb
  • Amazon
  • Google
  • Disney
  • Duolingo
  • Uber
  • Instacart
  • Citi
  • Accenture
  • Grab
  • Gojek
  • Spotify
  • Netflix
  • TikTok
  • Microsoft
  • Airbnb
  • Amazon

Figma to Lottie 플러그인

AI Prompt to Vector

AI Prompt to Vector

Over 500,000 free and premium, ready-to-use Lottie animations to get you started
Access your team's private animations and insert them directly on Framer
Access your team's private animations and insert them directly on Framer

Access your team's private animations and insert them directly on Framer

Advanced dotLottie player for more granular control
Advanced dotLottie player for more granular control

Advanced dotLottie player for more granular control

Customize to your brand and aesthetic with personalized color palettes
Customize to your brand and aesthetic with personalized color palettes

애니메이션을 직접 기기에 다운로드

Add interactivity using Framer’s native features
Add interactivity using Framer’s native features

프리미엄 애니메이션

Figma to Lottie 설치하기

Engage your users with creative interactive effects

Loop

Hover

Click

Click

3가지 단계로 시작하기

다양한 문서들을 통해 Figma to Lottie에 관한 정보를 얻어보세요

Get started in 3 simple steps

Step 1

Launch the plugin

Find and open the LottieFiles for Framer plugin in your project.

Step 2

Search for an animation

Search for a Lottie animation using the ‘Discover’ or ‘Workspaces’ tabs.

Step 3

Insert the animation

Insert the animation into your Framer sites. You can customize the animation’s colors or add interactivity.

추가 자료

다양한 문서들을 통해 Figma to Lottie에 관한 정보를 얻어보세요

5 Ways to Make Your Framer Website Pop with Lottie Animations

Creating Complex Lottie Animations on Figma Using Components

5분 읽기

5 Ways to Make Your Framer Website Pop with Lottie Animations

Creating Complex Lottie Animations on Figma Using Components

5분 읽기

LottieFiles를 위한 Figma Dev Mode로 디자이너와 개발자를 연결합니다

Bridging Designers and Developers with LottieFiles for Figma Dev Mode

4분 독서

LottieFiles를 위한 Figma Dev Mode로 디자이너와 개발자를 연결합니다

Bridging Designers and Developers with LottieFiles for Figma Dev Mode

4분 독서

Examples of UI/UX Animation in Website Design

How to Create Production-Ready Lottie Animations with Figma to Lottie

4분 독서

Examples of UI/UX Animation in Website Design

How to Create Production-Ready Lottie Animations with Figma to Lottie

4분 독서

How to add Lottie JSON and dotLottie animation files on Framer

Figma to Lottie: Create Production-Ready Animations with Figma & LottieFiles

3분 읽기

How to add Lottie JSON and dotLottie animation files on Framer

Figma to Lottie: Create Production-Ready Animations with Figma & LottieFiles

3분 읽기

Figma to 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

Lottie가 모에요?

Lottie는 JSON 기반의 애니메이션 파일 형식으로, 애니메이션 요소와 움직임을 텍스트로 설명하여 파일 크기를 작게 유지합니다. 플랫폼 독립적이며, 해상도와 프레임 속도에 구애받지 않고 애니메이션을 재생할 수 있습니다. 웹, iOS, Android, Windows 등 다양한 플랫폼에서 사용할 수 있는 오픈 소스 Lottie 플레이어가 존재합니다.

Lottie가 모에요?

Lottie는 JSON 기반의 애니메이션 파일 형식으로, 애니메이션 요소와 움직임을 텍스트로 설명하여 파일 크기를 작게 유지합니다. 플랫폼 독립적이며, 해상도와 프레임 속도에 구애받지 않고 애니메이션을 재생할 수 있습니다. 웹, iOS, Android, Windows 등 다양한 플랫폼에서 사용할 수 있는 오픈 소스 Lottie 플레이어가 존재합니다.

LottieFiles 플러그인을 Figma내 어디에서 다운로드할 수 있나요?

LottieFiles 플러그인을 Figma내 어디에서 다운로드할 수 있나요?

어떤 형식을 플러그인에서 가져올 수 있나요?

어떤 형식을 플러그인에서 가져올 수 있나요?

어떤 형식을 플러그인에서 내보낼 수 있나요?

어떤 형식을 플러그인에서 내보낼 수 있나요?

플러그인을 사용하려면 로그인 해야 하나요?

플러그인을 사용하려면 로그인 해야 하나요?

플러그인을 사용하려면 인터넷 연결이 필요한가요?

플러그인을 사용하려면 인터넷 연결이 필요한가요?

LottieFiles for Figma 플러그인은 dotLottie 형식을 지원하나요?

LottieFiles for Figma 플러그인은 dotLottie 형식을 지원하나요?

LottieFiles for Figma 플러그인은 GIF 형식을 지원하나요?

LottieFiles for Figma 플러그인은 GIF 형식을 지원하나요?

LottieFiles for Figma 플러그인은 SVG 형식을 지원하나요?

LottieFiles for Figma 플러그인은 SVG 형식을 지원하나요?

플러그인에서 개인 애니메이션에 접근할 수 있나요?

플러그인에서 개인 애니메이션에 접근할 수 있나요?

더 많은 정보 확인하기

Figma to Lottie 설치하기

플러그인 및 모든 기능을 무료로 사용하세요