Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Add custom animations to your Figma presentations - This video shows how to install and open the Pitchdeck Presentation Studio Figma plugin, then use its Custom Animations feature to build keyframe-based animations for presentation elements. It also demonstrates how to save, update, fork, delete, and preview custom animations, and notes that these animations only appear in the Pitchdeck Web URL export.. Machine-readable page: /pitchdeck/tutorials/add-custom-animations-to-your-figma-presentations.md.

Add custom animations to your Figma presentations

This video shows how to install and open the Pitchdeck Presentation Studio Figma plugin, then use its Custom Animations feature to build keyframe-based animations for presentation elements. It also demonstrates how to save, update, fork, delete, and preview custom animations, and notes that these animations only appear in the Pitchdeck Web URL export.

← Back to Pitchdeck Video Tutorials

What this video covers

This video shows how to install and open the Pitchdeck Presentation Studio Figma plugin, then use its Custom Animations feature to build keyframe-based animations for presentation elements. It also demonstrates how to save, update, fork, delete, and preview custom animations, and notes that these animations only appear in the Pitchdeck Web URL export.

Things you'll need

  • Figma
  • Pitchdeck Presentation Studio

Steps

  1. Install Pitchdeck Presentation Studio from the Figma Community and open it from Plugins.
  2. Click Custom Animations to open the custom keyframe animation editor.
  3. Set keyframes on the timeline, insert new keyframes such as at 50%, and edit properties like position, opacity, scale, and rotation.
  4. Adjust easing and preview speed to check how the animation will look.
  5. Name the animation and click Add New Animation, then apply it to a layer from the custom animations list.
  6. Reopen a saved animation from the Saved Animations menu to update it, or create a fork by saving it under a new name.
  7. Delete a saved animation with Delete Saved Animation if you no longer want it, then use Export Presentation with the Pitchdeck Web URL option to see the animations in the web presentation.

Useful links