# Motion System
Motion System을 사용하면 After Effects 컴포지션 전반에서 재사용 가능한 컬러, 폰트, 이징, 모션 프리셋, 에셋 컬렉션을 만들고 적용할 수 있습니다. 같은 Motion System을 Lottie Creator와 웹 대시보드에서도 사용할 수 있습니다.

<Callout type="info" title="Team + 플랜 이상에서 사용 가능">
  [Motion System 웹 대시보드](https://app.lottiefiles.com/motion-system)에서 Motion System을 생성하고 시스템 자체를 관리합니다. 기존 시스템에서는 플러그인을 사용해 컬러, 이징, 폰트, 에셋 등 지원되는 아이템을 추가·수정·발행한 뒤 컴포지션에 적용할 수 있습니다.
</Callout>

정적 디자인 시스템에서 color element나 text style을 써 본 적이 있다면, Motion System은 그 생각을 시간 기반 속성으로 확장합니다. Easing curve, animation 프리셋, motion-specific color가 이름 있는 요소가 되어, 컴프마다 다시 정의하지 않고 애니메이션 전반에서 재사용할 수 있습니다.

<Image src="https://assets.docs.lottiefiles.com/static/930becf68f-640.webp" alt="After Effects에서 LottieFiles System 탭이 열려 있고 선택된 컴포지션 옆에 Motion System 색상 아이템이 표시된 화면" caption="Motion System은 재사용 가능한 모션 디자인 요소를 After Effects 플러그인 안으로 가져옵니다" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/930becf68f-640.webp 640w, https://assets.docs.lottiefiles.com/static/930becf68f-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/930becf68f-1920.webp 1920w" width="3840" height="2160" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAkUlEQVR4nEXKTQqCQABA4blGNe6aFAd/S+1HMYMQhcCoXZdy07ryAG06Q4vO0GFeFFSLj7d5QjsujheQ5QVVtWGeZphehHIC0nqHMAwDKSWX05nH8UrbtozDGX0/Jtke/kPXdTxv98/QMxWDocW0bBBaa5RSvBtOIrLFmiQqiJMVy3qPGFk2X5bt4vrhT142vABNQkcKWnJC/QAAAABJRU5ErkJggg==" />

## 이 장에서 다루는 내용

- **[Motion System 기본](/ko/integrations/after-effects/11_motion-system/motion-system-basics)** — system, section, item이 무엇인지와 draft 및 발행 방식.
- **[섹션 편집](/ko/integrations/after-effects/11_motion-system/editing-sections)** — system 안의 design item을 추가, 수정, 정리합니다.
- **[Motion System 패널 컨트롤](/ko/integrations/after-effects/11_motion-system/motion-system-panel-controls)** — UI 참고 문서.

## Motion System을 사용할 때

- 여러 Lottie가 같은 visual language(브랜드 색상, signature easing curve)를 공유해야 합니다.
- AE와 Lottie Creator를 오가며 모션 전용 style의 원본 of truth를 하나로 두고 싶습니다.
- light/dark, brand variant처럼 파일 전반에서 일관되게 바뀌는 themed Lottie가 필요합니다.

## 관련 문서

- [워크스페이스](/ko/integrations/after-effects/10_workspace) — Motion System은 워크스페이스에 저장되며 팀원이 함께 발견하는 위치도 그곳입니다.
- [렌더링](/ko/integrations/after-effects/05_render) — 테마와 elements를 런타임으로 전달하려면 `.lottie`(dotLottie) 형식이 필요합니다.