Motion System panel controls

A UI reference for the Motion System tab in the After Effects plugin.

After Effects with the LottieFiles Motion System tab showing color tokens and apply actions — Motion System applies shared colors, fonts, easings, presets, and assets to the current AE selection

System selector

At the top of the tab:

Control	What it does
System name	The current system. With one system, the name shows directly; with several, it becomes a dropdown.
System dropdown	Switches between the workspace's systems. Status badges mark draft, archived, and private systems.
Create new	Starts a new system. Locked on free or suspended workspaces.
Edit icon	Opens the system in edit mode (a Draft revision).
Open in browser	Opens the current system in LottieFiles Workflow on the web.

Edit mode header

While editing, a bar appears above the system:

Control	What it does
Editing	Indicates which system is in edit mode.
Discard	Throws away the draft. Confirms first if it has changes.
Publish	Makes the draft the live version. Disabled for empty systems.

After Effects Motion System tab in edit mode with Discard and Publish actions above editable color items — Edit mode creates a draft revision with section-level edit, add, discard, and publish controls

Sections

Each section that has content is shown as an accordion with an item count:

Section	Controls
Documentation	Read-only — motion vibe, description, personality, and principles.
Colors	Color swatches with apply; + Add in edit mode.
Easings	Easing curve cards with apply; + Add in edit mode.
Typography	Font rows; + Add in edit mode. Warns if a font is not installed.
Motion Presets	Preset cards with apply; Edit in Lottie Creator link.
Collections	Asset cards with import; + Add in edit mode.

In edit mode, each section header offers an item edit icon and a rename action for the block.

A banner at the bottom of the tab reflects the current After Effects selection — the layer name, the number of layers, or the count of selected keyframes or properties. It guides what the apply actions will affect.

Smart Apply dialog

Applying an easing to a layer (rather than to specific keyframes) opens Smart Apply: a checklist of the layer's animated properties and their keyframe counts. Select which properties receive the easing, then Apply.

Empty system

When a system has no content, the panel shows Manage system (opens the system in the browser) and Refresh.

Motion System basics — concepts behind systems, sections, and drafts.
Editing sections — manage the design items inside a system.