Recreating "Gentle" easing using Bezier Curves

Figma does not provide the CSS in dev mode for the “Gentle” spring animation under Smart Animate. Has anyone been able to recreate this animation exactly using cubic-bezier() in CSS?

5 Likes

I have the same issue, my tech team told me they can’t set values likes Stiffness / Damping / Mass

This is the closest I was able to get

https://www.figma.com/proto/KwjysI25yJTQBHRDbsb141/Custom-Bezier-Gentle?type=design&node-id=0-1&viewport=563%2C353%2C0.49&t=G9gFsMYfGO0v8EEA-0&scaling=scale-down&starting-point-node-id=1%3A2&show-proto-sidebar=1

My values are 0.47, 0, 0.23, 1.38