3. Connect top-level frames

To animate a design, establish connections between top-level frames.

Establish connection

Open prototype panel, select your starting frame, the drag the (+) icon from the starting to the destination frame.

If you plan to "loop" your animation, we recommend connecting your last frame back to the first frame for precise control of the looping duration.

Confirm connection established

You’ll see a series of light blue “noodles” on the canvas connected to each starting & destination frame, with an arrow indicating the direction of the connection.

Note that the prototype panel must be open in order to see the connection “noodles”.