4. Screen wipes

Create an empty frame in the same dimensions as the final design with a solid white fill. Create a component out of the empty frame, add a single variant, and set the first variant's opacity to zero.

Establish a connection from the hidden to the shown variant and apply the properties below.

Interaction properties

Apply the properties below to the interaction. We'll circle back in the last step and change the after-delay duration.

Duplicate for second screen wipe

Duplicate the component set to use for the second screen wipe & rename the elements.