Introduce duration tokens

[derekluciani]

Description

Add support for duration tokens. Properties+example: https://second-editors-draft.tr.designtokens.org/format/#duration

Background

type: 'duration',
label: 'Duration',
appliedToken: 'duration',
value: The value MUST be a string containing a number (either integer or floating-point) followed by an "ms" unit

Applying

Applying this token would influence the node.reactions[].action.transition.duration property of all reactions. If there is no reaction on a layer, don't do anything. Links to Figma API: https://www.figma.com/plugin-docs/api/Reaction https://www.figma.com/plugin-docs/api/FrameNode#reaction-prototyping-related-properties https://www.figma.com/plugin-docs/api/Transition

[six7]

We don't have the duration type yet, but we should definitely add it! I think we can customize the easings of prototype interactions with the plugin now, so this is a perfect case for tokens!

[jamesrdavis]

Do you plan to add both duration and timing/easing tokens?

[six7]

Yes, we do! We plan on adding new token types in the coming months, motion being one of them!

Especially easing will be really powerful as Figma provides no native support for easing Styles.

[LukeFinch]

This request has been moved to our new feedback tool. Go check out https://tokensstudio.featurebase.app/ to create a free account. You can upvote and comment on existing posts, make a new request, and subscribe to be notified when requests move into our roadmap.

[UdayHyma]

Added to Featurebase Roadmap : 🪙 Expand token types