You can animate any direct child layer in the parent Figma Frame, Figma Component or Figma Instance in your slides by applying keyframe presets, speeds and timing offets to them.

Animations are only used for web presentations. Please note that any animations you add will only be used in a presentation uploaded to the Pitchdeck web app; this means that no animations will be included in your PowerPoint/Keynote/Google Slides exports or PDF file exports.

Choosing a preset animation style

Pitchdeck comes with dozens of pre-defined keyframe based animations, which are grouped into 3 categories:

  • Entrances
  • Transforms
  • Advanced

To set an animation, ensure that the Animations tab is selected, then hover over the layer you would like to animate in the Pitchdeck layers list and click on the select box. Scroll through the list of animations and click on an animation name to apply it to your layer. You’ll see the slide preview update instantly with the new animation applied.

Changing the animation speed

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.

Copy/pasting animations between layers