Introduction

To create an animation from an interactive prototype, you'll need to modify properties like multiple starting or ending connections to a frame, connections to nested elements, on-click triggers, and overlays.

In this section, we'll walk you though how to do this by reworking an interactive prototype to generate the following animation.

Interactive prototype

Here is the interactive prototype we'll be reworking.

Design file

Follow along in below design file.