ai.to.design is now free.No account needed.Install now →
Docs menu

MCP Tools

apply_animation_style

Apply a Figma Motion preset to a layer.

Applies an animation style to a layer, with an optional duration, start time and style options. The frame's timeline is lengthened to fit and never shortened.

Parameters

NameTypeRequiredDescription
nodeIdstringRequiredA layer inside a frame
styleIdstringRequiredstyleId from list_animation_styles
durationnumberOptionalDuration in seconds
timelineOffsetnumberOptionalStart time on the timeline, in seconds
propsobjectOptionalStyle options, e.g. { direction: 'right', distance: 120 }

Example prompt

Try asking: Fade in each holdings row, 80 ms apart.

Tips

  • Figma cannot animate a top-level frame; target its children.
  • Stagger related layers with timelineOffset instead of one long animation.