Greetings! When setting up interactive components with Smart Animate there’s quite a few easing options to pick, yet somehow the basic “ease” option is missing. In CSS, the default timing function is “ease”, which translates to bezier values of 0.25, 0.1, 0.25, 1.
I prefer ease since it’s been the default/standard option for eons now and I’ve been using it almost exclusively for my animations. If I recall correctly it was also the default timing function in the “Principle” app, which I used before switching to Figma (I’m sure I’m not the only one).
So, “ease” being the default option I find it a bit odd it’s missing. I have to enter the custom bezier values every time I set up a component, which is why I’ve had it memorized for years. Please consider adding this timing function as an option. I’d say it should be the default since that’s how it is in the CSS, but as long as it’s just there I’d be happy.
Not in CSS they aren’t. I’m not sure which bezier values Figma uses, but I’m assuming they’re the same as in the CSS. Here’s the MDN reference just in case.
Ease: cubic-bezier(0.25, 0.1, 0.25, 1.0)
Ease in and out: cubic-bezier(0.42, 0, 0.58, 1.0)
But I’d still like to see the “ease” (0.25, 0.1, 0.25, 1) timing function being present, if not the default option. It’s the default in CSS and I believe it’s the most popular one since it’s what is used by the browser if you don’t specify the timing function in your transition property.
Just seems a bit odd — we have the spring animations and custom bezier options, but not the most fundamental/basic one.
Anyway, I get that it’s a minor feature, maybe someone at Figma will consider it
+1
It’s confusing that the default easing is not present. And it hinders teams from using “ease” because they would have to define a custom bezier for it.
