Skip to main content

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?

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


Reply