애니메이션 삽입

Explore에서 Lottie 애니메이션을 미리 보고 Figma 장면에 삽입합니다.

Explore에서 애니메이션을 찾았다면 캔버스에 놓기 전에 미리 보기를 열어 확인합니다.

접근 방법

  1. Figma에서 LottieFiles 플러그인을 엽니다.

  2. Explore를 엽니다.

  3. 애니메이션을 찾을 때까지 검색하거나 둘러봅니다.

  4. 애니메이션 카드를 클릭해 미리 보기를 엽니다.

삽입 전 미리 보기

미리 보기 화면에서 다음을 확인합니다.

  • 모션 리듬과 반복 재생.

  • Figma 장면 위에서의 시각 스타일.

  • 애니메이션이 무료인지 Premium인지.

  • 사용 전에 에셋을 Workspace에 저장해야 하는지.

캔버스에 삽입

미리 보기 화면에서 insert 액션을 클릭합니다. 플러그인이 애니메이션을 현재 Figma 캔버스에 배치하므로 나머지 디자인과 함께 위치를 잡을 수 있습니다.

Figma canvas with an inserted Lottie animation and the Explore preview panel open
애니메이션을 미리 본 뒤 Figma 캔버스에 삽입합니다

애니메이션이 production 핸드오프용이라면 원본 에셋을 Workspace에 보관하거나 LottieFiles 에셋 URL을 개발자와 공유하세요. Figma에 배치된 애니메이션은 디자인 composition에는 유용하지만, 배포 가능한 파일은 dotLottie 또는 레거시 호환성을 위한 Lottie JSON으로 따로 내보내야 합니다.

관련 문서

마지막 업데이트: 2026년 9월 11일 오후 12:08Common.editThisPage