# Motion System
Motion System lets you create and apply reusable colors, fonts, easings, motion presets, and asset collections across After Effects compositions. The same Motion System can also be used in Lottie Creator and the web dashboard.

<Callout type="info" title="Available on the Team + plan or higher">
  Create a Motion System and manage the system itself in the [Motion System web dashboard](https://app.lottiefiles.com/motion-system). For an existing system, use the plugin to add, edit, and publish supported items such as colors, easings, fonts, and assets, then apply them to your compositions.
</Callout>

If you've used color elements or text styles in a static design system, Motion System extends the same idea to time-based properties. Easing curves, animation presets, and motion-specific colors become named elements you reuse across animations, instead of redefining them per comp.

<Image src="https://assets.docs.lottiefiles.com/static/930becf68f-640.webp" alt="After Effects with the LottieFiles System tab open, showing Motion System color items next to a selected composition" caption="Motion System brings reusable motion design elements into the After Effects plugin" 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==" />

## In this chapter

- **[Motion System basics](/en/integrations/after-effects/11_motion-system/motion-system-basics)** — concepts: what's a system, what's a section, what's an item, and how drafts and publishing work.
- **[Editing sections](/en/integrations/after-effects/11_motion-system/editing-sections)** — adding, modifying, and organizing the design items inside a system.
- **[Motion System panel controls](/en/integrations/after-effects/11_motion-system/motion-system-panel-controls)** — UI reference.

## When to use Motion System

- You're shipping multiple Lotties that should share a visual language (brand colors, signature easing curves).
- You're working across AE and Lottie Creator and want one source of truth for motion-specific style.
- You need themed Lotties (light/dark, brand variants) that change consistently across files.

## Related

- [Workspace](/en/integrations/after-effects/10_workspace) — Motion Systems are saved to the workspace; that's where they're discoverable across team members.
- [Render](/en/integrations/after-effects/05_render) — themes and elements require `.lottie` (dotLottie) format to ship to runtime.