# 인터페이스
Explore, Workspace, System, Utilities, 미리 보기 및 개발자 도구를 살펴보세요.

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

## 사이드바 탭

- **Explore** - LottieFiles 공개 애니메이션을 검색합니다. [Explore](/ko/integrations/vscode/02_explore)를 참고하세요.
- **Workspace** - 팀 에셋을 찾고, 업로드하고, 정리하고, 다운로드하고, 게시합니다. [Workspace](/ko/integrations/vscode/03_workspace)를 참고하세요.
- **System** - 공유 Motion System 프리미티브를 찾고 개발에 바로 쓸 수 있는 값이나 코드를 삽입합니다. [Motion System](/ko/integrations/vscode/06_motion-system)을 참고하세요.
- **Utilities** - 로컬 업로드를 미리 보고, dotLottie 번들을 만들거나 인터랙션 스니펫을 생성합니다. [Utilities 탭](/ko/integrations/vscode/07_reference/utilities-tab)을 참고하세요.

<Image src="https://assets.docs.lottiefiles.com/static/e7a8e011d2-640.webp" alt="VS Code의 Motion System 에셋 미리 보기" caption="VS Code의 Motion System 에셋 미리 보기" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/e7a8e011d2-640.webp 640w, https://assets.docs.lottiefiles.com/static/e7a8e011d2-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/e7a8e011d2-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAj0lEQVR4nGPwiUj+D8Jmtk7/tfWN/xua2/73CU8Ci3mHJ/1lADH8IlP+q6pr/GdjZf4vLCwCkgArAGEGn4iU/15hCf/tHZ3/x8cn/ndx8/zvERL/3zcyBaLALyr1v2tg9H8vb7//Gzdu/Z+ekf3f2T/qP0gcYkIkxARjE7P/dnb2/w0Mjf97hkJM8I5I/gMAGmdMtt9WmecAAAAASUVORK5CYII=" />

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

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

- 재생 및 프레임 컨트롤
- 파일 및 매니페스트 정보
- 멀티 애니메이션 선택
- 마커 및 직접 지정한 세그먼트
- 테마 및 모션 토큰
- 상태 머신 컨트롤
- 색상 팔레트 및 생성된 코드
- 다운로드 및 CDN 작업

## 에디터 연동

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

## 워크스페이스

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

## 관련 문서

- [명령 및 설정](/ko/integrations/vscode/07_reference/commands-and-settings)
- [로컬 Lottie 파일 미리 보기](/ko/integrations/vscode/04_inspect/previewing-local-lottie-files)