Utilities 탭

Utilities에는 세 가지 개발자 도구가 있습니다. 이 페이지에서 필요한 도구를 찾은 뒤 각 작업의 상세 가이드를 따라가세요.

Upload

Upload는 로컬 .json 또는 .lottie 파일을 미리 보기로 엽니다. 파일을 LottieFiles Workspace에 업로드하지는 않습니다.

다음 작업을 할 수 있습니다.

• 로컬 Lottie 파일 하나 선택

• IDE에서 운영체제 파일 드롭을 지원하는 경우 드롭 영역으로 파일 끌어오기

• 현재 세션의 최근 파일 다시 열기

• 원본을 삭제하지 않고 세션 기록에서 항목 제거

로컬 Lottie 파일 미리 보기를 참고하세요.

Creator 파일, 이미지, SVG, 디자인 원본, 영상 또는 팀에서 계속 사용할 파일을 업로드하려면 Workspace 업로드를 사용하세요.

dotLottie Composer

Composer는 여러 애니메이션을 하나의 .lottie 번들로 만듭니다. 애니메이션 ID와 순서, 초기 애니메이션, 설정할 수 있는 재생 옵션, 메타데이터를 관리할 수 있습니다.

멀티 애니메이션 번들 만들기를 참고하세요.

Snippets

Snippets는 React, Vue 3 또는 Vanilla JavaScript용 Scroll, Viewport, Hover, Hover Reverse, Click, State Machine 패턴을 생성합니다.

CDN이 활성화된 최근 Workspace 파일이 있으면 애니메이션 소스로 자동 사용합니다. 그렇지 않으면 임시 URL을 남겨 둡니다. 워크스페이스에서 CDN 링크를 비활성화했다면 임시 값을 프로젝트 파일이나 다른 영구 소스로 바꾸세요.

인터랙션 스니펫 생성을 참고하세요.

도구 비교