Skip to main content
Question

How can I simplify custom bezier curve management?

  • December 16, 2024
  • 1 reply
  • 184 views

ginwithlemon

Hi everyone,

I’ve been using Figma’s custom bezier curves for a while now, and while they work great, I find myself frequently copy-pasting the same easing values across multiple components. This gets tedious, especially when I want to experiment with different easings for different elements.

I’m curious if anyone has come up with a way to streamline this process or create more flexible solutions, like using variables for bezier curves, or any creative approaches that make managing multiple easing curves across components easier.

Here are a few bezier curve names I’ve been working with:

  • glide (0.5, 0, 0.5, 1)
  • quick-snap (0.25, 1, 0.5, 1)

Ideally, I want something like this in Figma where I would create Number variables and String variables and just plug them in and when I want to experiment I would just change the variables so I wouldn’t have to go through all my components to experiment with the easing:

I’d love to hear any alternatives or tips you have for managing bezier curves and an alternative to my copy-paste workflow.

Thanks!

1 reply

Gino Scarpino

Yes please! B.U.M.P. ++++

Bezier and duration variables would be fantastic for adding the motion ramp to our system just like color, stroke, or radius data. Cheers!


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings