You can adjust the speed and delay of your animations by clicking down on the left/right edges of the timeline bar for your layer, then holding and dragging with your mouse to adjust the length of your animation and it's start/end point.

You can shift the location of your animation on the timeline by clicking down on the middle of the timeline bar for your layer, then holding and dragging with your mouse; moving it either left or right to change where it is placed in your timeline.

Use your keyboard to input precise timing numbers. If you'd prefer not to use the timeline slider, you can also set your speed and delay values by clicking the second value in your timeline layer, and entering a new number with your keyboard (for example, 1.5) to set the amount of seconds.

Adjust timings on multiple layers

Select two or more layers, then drag the entry, exit, or hover timing bar on one of the selected layers. Bannerify applies the same movement to the matching active timing track on the other selected layers while preserving their relative offsets.

If the earliest or latest selected timing reaches the edge of the timeline, Bannerify stops the group at that boundary. Locked layers, inactive timing tracks, and entry timings controlled by mirrored Figma Motion animations are left unchanged.

Each completed drag is saved as one undoable history step.