Magic Motion

In a Magic Motion transition, layers that exist on both the transition’s origin and its target will animate into their new style and positions.

To create a transition that uses the Magic Motion type, create a transition from one layer to another, click on Transition to open the transition editor, click the Type dropdown and select Magic Motion.

Animating Layers

In order for a layer to animate in a Magic Motion transition, Framer needs to be able to find the layer in both the transition’s origin and its target.

To make a layer animate in a Magic Motion transition, give the layer a unique name that is the same in both places.

You can also copy or duplicate layers between the origin and target. Framer will remember that the copies should animate in a Magic Motion transition.