States Fundamentals and Best Practices

Note: To view this webinar's index of topics with timestamps, open it in Vimeo. This video demonstrates the particular features in the previous version of

We will comprehensively explore the use of states in
– When to use states.
– Tips on achieving optimal performance.
– Creating automatically advancing states through interaction triggers (such as “state enter”).
– Adjusting the timings and easings of each individual transition (such as opacity and rotation).
– When to use the “reverse” feature between states.
– Using states to change the Z index order of items on the canvas.
and more.

Flickr loading animation prototype

Testing ALT Colors prototype

Download project assets


Have more questions? Submit a request