# Motion Tokens 사용하기
After Effects용 LottieFiles 플러그인의 Explore와 Workspace에서 Motion Token을 확인하고 미리 본 뒤 적용합니다.

Motion Tokens는 색상, 그레이디언트, 숫자, 위치, 텍스트처럼 dotLottie 애니메이션 안에 이미 정의된 값을 노출합니다. After Effects 플러그인에서는 이 값을 확인하고, 실시간 미리 보기로 변경을 시험하고, 테마를 전환하고, 커스터마이징한 결과를 After Effects에 삽입할 수 있습니다.

<Callout type="info" title="After Effects에서 사용하기 전에 Motion Token을 만드세요">
  After Effects 플러그인은 애니메이션에 이미 정의된 Motion Token을 사용합니다. 새 토큰 바인딩을 만들려면 [Lottie Creator의 Motion Tokens](/en/creator/12_motion-tokens) 또는 [LottieFiles Figma 플러그인](/ko/integrations/figma/04_figma-to-lottie/motion-tokens)을 사용한 뒤, 애니메이션을 dotLottie(`.lottie`)로 저장하거나 내보내세요.
</Callout>

## 할 수 있는 작업

| 작업                       | Explore | Workspace |
| ------------------------ | ------- | --------- |
| 애니메이션에 정의된 토큰 확인         | 가능      | 가능        |
| 기존 테마 전환                 | 가능      | 가능        |
| 실시간 미리 보기로 값 편집          | 가능      | 가능        |
| 현재 결과를 After Effects에 삽입 | 가능      | 가능        |
| 테마 생성 또는 이름 변경           | 불가능     | 가능        |
| 토큰과 테마 변경 사항을 파일에 저장     | 불가능     | 가능        |

## Explore에서 미리 보고 삽입하기

Explore 애니메이션에 Motion Token이 포함되어 있으면 플레이어 아래의 **Motion Token**을 펼칩니다. **Default** 또는 기존 테마를 선택하고 값을 편집하면 변경 결과를 바로 미리 볼 수 있습니다.

**Insert to AE**를 클릭하면 현재 미리 보기에 표시된 토큰과 테마 값으로 애니메이션을 삽입합니다. Explore에서의 변경은 임시로 적용됩니다. 삽입 결과에는 반영되지만 원본 애니메이션이나 테마는 업데이트하지 않습니다.

<Image src="https://assets.docs.lottiefiles.com/static/a0a7415b31-640.webp" alt="토큰이 포함된 같은 애니메이션의 Default 테마와 Green 테마를 보여 주는 두 개의 After Effects Explore 미리 보기" caption="토큰이 포함된 애니메이션의 Default 테마와 이름 있는 테마를 비교한 뒤 선택한 결과를 After Effects에 삽입합니다" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/a0a7415b31-640.webp 640w, https://assets.docs.lottiefiles.com/static/a0a7415b31-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/a0a7415b31-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAfUlEQVR4nGPwjUj5b2xp91/TyOy/vXfQf11Ty/865jb/QeK+ESn/GECMIN/A/znFpf8tnb3/x5Vl/3cLjYEp+A9WoGJo+l/byOC/hZPXfzVjs//qenqoChR19P8raej8N3Pw+C+nrQfmoyhQdXH/r+zu+d/SKwhMg/gwNwAAlklJG+bE5JMAAAAASUVORK5CYII=" />

## Workspace에서 토큰 사용하기

**Workspace**에서 토큰이 포함된 dotLottie 파일을 열면 같은 값을 확인하고, 테마를 전환하고, 변경을 미리 본 뒤 삽입할 수 있습니다. Workspace에서는 테마를 추가하거나 이름을 바꾸고, 변경 사항을 파일의 새 버전으로 저장할 수도 있습니다.

전체 Workspace 워크플로는 [테마와 변경 사항 관리하기](/ko/integrations/after-effects/03_motion-tokens/managing-themes-and-changes)를 참고하세요.

## 지원되는 값

플러그인은 다음 Motion Token 값 타입을 지원합니다.

- **색상**
- **그레이디언트**
- 불투명도나 회전 같은 **스칼라** 값
- 위치나 크기 같은 **벡터** 값
- **텍스트**

키프레임이 있는 지원되는 비텍스트 값은 키프레임을 선택해 값을 확인하고 편집할 수 있습니다. 작업하는 동안 미리 보기가 바로 업데이트됩니다.

## 관련 문서

- [Explore에서 미리 보고 가져오기](/ko/integrations/after-effects/02_explore/previewing-and-importing)
- [Workspace](/ko/integrations/after-effects/10_workspace)
- [Lottie Creator의 Motion Tokens](/en/creator/12_motion-tokens)
- [Figma 플러그인의 Motion Tokens](/ko/integrations/figma/04_figma-to-lottie/motion-tokens)