인터페이스

앱은 두 가지 애니메이션 원본을 중심으로 구성됩니다. 어느 원본을 선택해도 같은 미리 보기와 현재 Webflow 페이지 선택을 사용하는 삽입 액션으로 이어집니다.

Explore

공개 LottieFiles 라이브러리는 Explore에서 둘러봅니다. 공개 애니메이션을 검색하고 Featured, Popular, Recent 결과를 살펴본 뒤 원하는 결과를 미리 보세요.

Workspace

비공개 및 팀 에셋은 Workspace에서 사용합니다. 워크스페이스를 전환하고 프로젝트, 컬렉션, 폴더를 연 뒤 사이트에 사용할 승인 파일을 선택하세요.

애니메이션 미리 보기

미리 보기에서 다음 항목을 설정할 수 있습니다.

• 재생, 탐색, 반복, 속도, 배경

• SVG Player, ThorVG Player 또는 자동 렌더러 선택

• 지원되는 아트워크의 팔레트 변경

• 멀티 애니메이션 dotLottie 파일의 하위 애니메이션 선택

• 파일과 계정에서 지원하는 테마 및 상태 머신 컨트롤

• 상황에 따라 표시되는 Insert animation, Save and insert animation 등의 주요 액션

Webflow 페이지 선택

삽입하기 전에 페이지 요소를 선택해야 합니다. 표준 Lottie 삽입은 현재 선택을 캔버스 삽입 위치로 사용합니다. 고급 dotLottie 플레이어는 Div block처럼 자식 요소를 포함할 수 있는 요소 안에 배치해야 합니다.

삽입에 실패하면 준비한 미리 보기를 닫지 말고 페이지로 돌아가 적절한 컨테이너를 선택한 뒤 다시 시도하세요.

관련 문서

• 첫 애니메이션

• 앱 컨트롤

• Webflow에 삽입