6. Configure transition timing

Set the after-delay duration on the first transition of each element to match the timing in the design plan (below).

Main text

Select all the hidden variants at once and open the prototype panel. You'll see all the interactions listed in a column. Click on each interaction and set the after-delay duration equal to it's transition setting from the design plan above.

Supporting graphics

For each graphic element, select the hidden variant one by one and set the after-delay duration for the transition to match the design plan.

Note: After setting duration values, feel free to modify to see how the animation changes.