# 인터페이스
이 페이지는 After Effects 안의 LottieFiles 플러그인 패널을 살펴봅니다. 인터페이스를 먼저 이해해 두면 기능별 문서를 더 쉽게 따라갈 수 있습니다.

<Image src="https://assets.docs.lottiefiles.com/static/6b3fc438e6-640.webp" alt="LottieFiles After Effects plugin interface with the tab bar, account controls, content area, and bottom operation area highlighted" caption="After Effects 안 LottieFiles 플러그인의 주요 영역" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/6b3fc438e6-640.webp 640w, https://assets.docs.lottiefiles.com/static/6b3fc438e6-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/6b3fc438e6-1920.webp 1920w" width="3840" height="2160" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAnUlEQVR4nCXMwQrBAACA4T3HaoelZg5LRGLWhrG1zEWtpWGkyWGs5sATuXgApSjJa/0yh6//9gsto0e37/BrU7cw3Ql+EOEGK/xwgyDLMof8yPPz4vG+k+QnxIpGbbbDWaQIkiSx2+9J71fmtwvrNEMslTG86f+gaVUURUFVVVodG92PaIRb6smZYZwhWCOftmkXBm6AO14WvGlcHL52q06HG2DpyQAAAABJRU5ErkJggg==" />

플러그인은 네 가지 인터페이스 영역으로 구성됩니다. 각 영역은 아래에서 자세히 다룹니다.

## 1. 상단 탭 바

상단 탭 바는 플러그인 기능 사이를 이동하는 기본 방법입니다. 사용할 수 있는 탭은 다섯 가지입니다.

- **Export** — After Effects 컴포지션을 Lottie 애니메이션으로 렌더링합니다. [내보내기](/ko/integrations/after-effects/06_export)를 참고하세요.
- **Explore** — 공개 LottieFiles 라이브러리를 둘러봅니다. [Explore](/ko/integrations/after-effects/02_explore)를 참고하세요.
- **Workspace** — 팀의 애니메이션, 이미지, 소스 파일, 프로젝트, 폴더입니다. [워크스페이스](/ko/integrations/after-effects/10_workspace)를 참고하세요.
- **System** — 재사용 가능한 Motion System 색상, 글꼴, 이징, 프리셋, 에셋입니다. [Motion System](/ko/integrations/after-effects/11_motion-system)을 참고하세요.
- **Import** — 기존 dotLottie 파일을 프로젝트로 가져옵니다. [가져오기](/ko/integrations/after-effects/03_import)를 참고하세요.

활성 탭에는 밑줄이 표시됩니다. 원하는 탭을 클릭해 전환합니다.

{
  // TEMP_IMAGE_HIDDEN: 임시 릴리스에서는 숨김. 시각 QA 때 이 소스 위치에 이미지를 복원하세요.
  false ? (

  <Image
          src="/images/screenshots/ae-quickstart-tab-bar.webp"
          alt="LottieFiles After Effects plugin tab bar showing Export, Explore, Workspace, System, and Import tabs"
          caption="상단 탭 바는 플러그인의 기본 내비게이션입니다"
          zoom
          variant="default"
        />
  ) : null
}

## 2. 계정 영역(오른쪽 위)

오른쪽 위에는 계정 단위 작업이 작게 모여 있습니다.

- **도움말 드롭다운** — 문서, 지원, 피드백 채널로 연결됩니다. {/* [needs review] 도움말 드롭다운의 정확한 항목 확인 */}
- **계정 아바타**(로그인한 경우) — **My Dashboard**, **Settings**, **About**, **Logout** 메뉴를 엽니다.
- **사용자 아이콘**(로그아웃한 경우) — **플러그인 정보**과 **브라우저로 로그인**를 드롭다운으로 보여줍니다.

**Settings**를 선택하면 **Plugin settings** 모달이 열립니다. **Auto-save** 토글은 변경 즉시 적용됩니다.

- 켜면 변경된 AEP를 렌더링 전에 자동으로 저장합니다.
- 끄면 AEP에 저장되지 않은 변경 사항이 있을 때 저장할지 묻습니다.

프로젝트에 저장되지 않은 변경 사항이 없으면 저장하거나 확인 메시지를 표시하지 않고 렌더링을 시작합니다. 워크스페이스 환경설정은 계속 LottieFiles 웹사이트에서 관리합니다.

<Image src="https://assets.docs.lottiefiles.com/static/edd5f157db-640.webp" alt="Settings가 선택된 After Effects 플러그인 계정 메뉴와 강조된 Plugin settings Auto-save 토글" caption="계정 메뉴에서 Settings를 열어 변경된 AEP를 렌더링 전에 자동 저장할지 설정합니다" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/edd5f157db-640.webp 640w, https://assets.docs.lottiefiles.com/static/edd5f157db-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/edd5f157db-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAk0lEQVR4nDXOsQqCUACFYZ9AKiEy9Woa3izTrEtKBELQEGJToENbPUFr794fJg2Hf/mGo1XNg//K6objB8gsZ2zPqNvnR5unW+xUMd0okrrBXMQYfogRpR1AS4sD7etNUJxJrndEFGOFEZM464HMC+T+iLdWqFPFyPEYWC5DEfRArDbYcokZSHblBV146K74tfvwBUe2QK/Ikrg3AAAAAElFTkSuQmCC" />

## 3. 메인 콘텐츠 영역

탭 바 아래의 메인 콘텐츠 영역은 활성 탭에 따라 바뀝니다. 각 탭에는 고유한 레이아웃, 컨트롤, 동작이 있으며 각각의 장에서 문서화되어 있습니다.

애니메이션이나 파일 목록을 다룰 때 콘텐츠 영역은 보통 무한 스크롤, 검색, 정렬을 지원합니다. 세부 동작은 탭별 문서에 정리되어 있습니다.

## 4. 하단 작업 바

가져오기가 대기 중이거나 렌더링이 실행 중인 것처럼 시간이 걸리는 작업이 진행될 때 하단 작업 바가 나타납니다. 진행률을 보여주고 작업을 취소하거나 살펴볼 수 있습니다.

진행 중인 작업이 없으면 하단 영역은 숨겨지고 메인 콘텐츠 영역이 전체 세로 공간을 사용합니다. {/* [needs review] 하단 바 표시 로직 확인 */}

## 관련 문서

- [설치](/ko/integrations/after-effects/01_quickstart/installation) — 플러그인을 설치하고 After Effects에서 엽니다.
- [첫 가져오기](/ko/integrations/after-effects/01_quickstart/your-first-import) — 로그인하고 애니메이션을 찾아 컴포지션으로 가져옵니다.