인터페이스

LottieFiles 플러그인은 디자이너가 Figma 안에서 자주 하는 모션 작업을 중심으로 구성되어 있습니다. 기존 애니메이션을 찾고, 워크스페이스 에셋을 관리하고, Figma 장면에서 새 애니메이션을 만들고, 도구로 아트워크를 준비합니다.

주요 영역

• Explore - 공개 LottieFiles 라이브러리를 둘러보고 현재 Figma 장면에 애니메이션을 삽입합니다. Explore를 참고하세요.

• Workspace - LottieFiles 워크스페이스에 저장된 private 또는 team 에셋을 둘러봅니다. 워크스페이스를 참고하세요.

• Export - 선택한 Figma 콘텐츠를 애니메이션으로 만들고 Lottie JSON, dotLottie, GIF, MP4, WebM, MOV 출력물로 내보냅니다. Figma to Lottie를 참고하세요.

• System - Motion System 토큰과 재사용 가능한 모션 스타일입니다. Motion System을 참고하세요.

• Tools - Prompt to Vector, Vectorizer 같은 아트워크 준비 기능에 접근합니다.

계정 컨트롤

계정 영역에서 로그인하고, account context를 전환하거나, 플러그인 수준 도움말에 접근합니다. Workspace, 저장, 공유, Premium 애니메이션, 플랜 제한 기능은 로그인한 LottieFiles 계정에 따라 달라집니다.

캔버스 선택과 플러그인 액션

대부분의 Figma to Lottie 액션은 Figma 캔버스에서 무엇을 선택했는지에 따라 달라집니다.

• 단일 프레임은 프리셋 애니메이션을 사용할 수 있습니다.

• 여러 프레임은 시퀀스가 될 수 있습니다.

• 프로토타입 플로우 시작점는 flow-based 애니메이션이 될 수 있습니다.

• 지원되는 인터랙션 트리거가 있는 프로토타입은 인터랙티브 dotLottie 상태 머신이 될 수 있습니다.

플러그인이 예상과 다른 워크플로를 선택한다면 먼저 캔버스 선택을 확인하세요. 프로토타입 플로우 시작점이기도 한 프레임은 프리셋 모드 대신 프로토타입 플로우 모드로 들어갈 수 있습니다.

관련 문서

• 첫 애니메이션

• 애니메이션 방식 선택

• Figma to Lottie 컨트롤