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.
Setting a Magic Motion transition with an Interaction
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.
Linking a Frame to transition to the next screen