Button Tap Gesture

In this tutorial, you’ll learn how to adjust the speed, delay, and curve properties between artboards.

More specifically, we’ll use a Spring curve to make the tap gesture that triggers the floating action button to fling out related actions more delightful. We’ll also play with the tension and friction values to add even more bounce.

FYI: You’ll notice that once you change the curve from Default (the default easing curve for iOS) to Spring, you can no longer adjust the end keyframe in the Animate view. That’s because the duration of the animations is determined by the physics simulation.

Download the assets.

Download the Principle file.


Download the subtitles for this tutorial (.srt file).