Smart Animate
Design two boards. Get the transition between them.
Put your “before” in one composition and your “after” in another, give the
elements the same names in both, and run Smart Animate to ”…” from the
command palette. You get a third composition — Before → After — where
matching layers move, resize and rotate into place, layers that only existed
in the first fade out, and layers that only existed in the second arrive.
If you know Figma’s Smart Animate or Keynote’s Magic Move, this is the same idea, on a real timeline. After Effects has no equivalent.
The one rule: names are identity
Layers pair up by name, because naming is how designers already say “this is the same element”. In priority order, the matcher tries:
| Rule | What it catches |
|---|---|
| Same name, same place in the tree | The ordinary case |
| Same name, anywhere | The element moved between groups |
| Same source file | Renamed footage or image |
| Same text content | A renamed text layer with identical words |
A text layer never matches a video, however similar the names — kind must agree. And there is deliberately no “looks similar / roughly the same spot” rule: an unmatched layer just fades (which reads as a deliberate cut), while a wrongly matched one flies across the screen and turns into something else.
If nothing matches you get a cross-fade, and the toast tells you exactly why: layers pair up by name, so give the elements the same names in both boards. It is a two-second fix.
What you get back
Ordinary keyframes — and only where something changed. A layer whose position is identical in both boards gets no position track at all, so the three things that move are not buried under ninety that do not. Open the result in the graph editor and tune it like anything else.
Position, anchor, size, scale, rotation and opacity are tweened. Departing layers hold, then fade out during the first part of the move; arriving layers fade up near the end — deliberately not a cross-dissolve, which is the look Smart Animate exists to replace.
Your boards are safe
The transition is built in a duplicate. Both boards stay exactly as you
designed them — they are boards; the A → B composition is a shot. Arriving
layers are cloned in, so later edits to board B do not silently rewrite a
transition you already tuned.
A practical flow
- Duplicate your composition (
Board A→ rename the copyBoard B). - Rearrange, resize, restyle — keep the names.
- Command palette → type the target board’s name → Smart Animate to “Board B”.
- Open the new
Board A → Board Bcomp, scrub it, and re-ease whatever deserves better than the default.