인터페이스

확장 프로그램은 에셋 사이드바와 현재 편집 중인 파일에 맞춰 동작하는 미리 보기 및 개발자 도구를 함께 제공합니다.

사이드바 탭

• Explore - LottieFiles 공개 애니메이션을 검색합니다. Explore를 참고하세요.

• Workspace - 팀 에셋을 찾고, 업로드하고, 정리하고, 다운로드하고, 게시합니다. Workspace를 참고하세요.

• System - 공유 Motion System 프리미티브를 찾고 개발에 바로 쓸 수 있는 값이나 코드를 삽입합니다. Motion System을 참고하세요.

• Utilities - 로컬 업로드를 미리 보고, dotLottie 번들을 만들거나 인터랙션 스니펫을 생성합니다. Utilities 탭을 참고하세요.

미리 보기에서 확인할 수 있는 정보

Explore, Workspace, Utilities Upload 또는 에디터의 로컬 파일에서 애니메이션 미리 보기를 열 수 있습니다. 사용할 수 있는 패널은 소스와 파일에 따라 달라집니다.

• 재생 및 프레임 컨트롤

• 파일 및 매니페스트 정보

• 멀티 애니메이션 선택

• 마커 및 직접 지정한 세그먼트

• 테마 및 모션 토큰

• 상태 머신 컨트롤

• 색상 팔레트 및 생성된 코드

• 다운로드 및 CDN 작업

에디터 연동

확장 프로그램은 JSON 스키마 유효성 검사, IntelliSense, 호버 정보, 코드 탐색 및 dotLottie Explorer를 제공합니다. 미리 보기, 유효성 검사, 타입 생성, CI 설정 명령은 Command Palette에서 실행할 수 있습니다.

워크스페이스

현재 선택한 워크스페이스에 따라 표시되는 팀 에셋이 달라집니다. System 탭에는 별도의 워크스페이스 선택기가 없으며 Workspace에서 선택한 항목을 따릅니다.

관련 문서

• 명령 및 설정

• 로컬 Lottie 파일 미리 보기