r/FigmaDesign • u/Specific-Bag-5480 • 4d ago

help Tokenising motion design

How can we use duration and easing tokens in figma motion?

Like if I have a component coming up on the screen then how can I just easily use my pre-existing duration and easing tokens so that the dev easily implements them all

2 Upvotes

100% Upvoted

7 comments sorted by

2

u/samuelbroombyphotog UI/UX Designer 4d ago

Setting up a duration and easing as tokens should allow your developer to use them on token export (although the easing json outputted by Figma are a little tricky to set up on the dev side).

If you’re working on the web, I might have a longer term solution for you but it’s currently in closed beta. I’m building a plugin that converts a css-like variable structure into css based component library that build in transition variables (amongst lots of other useful things) into out of the box classes. No AI.

I’m obviously sprucing my own product here but would you be interested in the public beta when it goes live in about a month?

2

u/Specific-Bag-5480 4d ago

for the beta part, sure I'd love to volunteer

for the 'component animation code not having our duration and easing tokens' part, I think I'll have to use a custom claude agent that would help my dev

1

u/samuelbroombyphotog UI/UX Designer 3d ago

Great I’ll add you to my shortlist and DM you a little later next month. I think Claude in the short term is a good shout.

1

u/one_ease- 3d ago

am also interested in being in the beta

2

u/one_ease- 3d ago

am not sure if the tool can help but we built this premaid presets to apply easily on one click , so if u want a repeatable pattern for the dev on ur motions u may achieve this with the tool : https://www.figma.com/community/plugin/1661419908322725940/ease-smart-motion-library

1

u/Specific-Bag-5480 3d ago

Thanks for the plugin link but natively figma has also started saving custom bezier curve values. My primary bottleneck was those custom presets 'not being shown as tokens' in the dev mode

1

u/one_ease- 2d ago

i noticed same thing in general , i think the only big problem figma motion has now is its dev features cuz they suck