Keyframe

Represents a keyframe in the animation timeline.

Keyframe interface

Represents a keyframe in the animation timeline.

Signature:

interface Keyframe<T>

Example

// updating the position keyframe at frame 30
const positionKeyframe = layer.position.getKeyframeAt(30);
if (positionKeyframe) {
  positionKeyframe.value = { x: 100, y: 200 };
  positionKeyframe.easing = {
    type: "CUBIC_BEZIER",
    x1: 0.42,
    y1: 0,
    x2: 0.58,
    y2: 1,
  };
}

Properties

Property

Modifiers

Type

Description

easing

Easing

Easing function for the outgoing segment (from this keyframe to the next)

frame

number

The frame number of this keyframe

id

readonly

string

Unique identifier for this keyframe

value

T

The value of this keyframe

Methods

Method

Description

remove()

Removes this keyframe from its parent property

Last updated: October 8, 2026 at 10:45 AMEdit this page