Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Slides – Figma Learn
  • Create and edit slides
  • Create slide decks

Use slide transitions

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Add a slide transition Edit or remove a slide transition Slide transition animations Smart animate Dissolve Push Slide in Slide out Move in Move out

Before you Start

Who can use this feature

Available on any plan

Anyone with can edit access to a slide deck can add or change slide transitions

Slide transitions are visual effects that play as you progress through your deck. You can add different transitions to individual slides or apply a single transition to your entire deck.

Add a slide transition

  1. Select the slide you want to add a transition to. You can select multiple sides using the keyboard shortcuts:
    • Hold ⌘ Command or Control and click to select individual slides
    • Hold Shift and click to select a range of slides
  2. Select the Animate tab in the right sidebar.
  3. Choose a transition from the Style dropdown menu. A preview of the transition plays in the right sidebar. You can identify which slides have a transition by looking for the icon in the left sidebar.
  4. If the transition type you choose includes directional options, select an arrow to set which direction the transition should start from.
  5. Select an easing or spring animation preset from the Curve dropdown menu. This determines the acceleration of the transition between the current slide and the next slide. Learn more about easing and spring animations.
  6. Choose a duration for the animation.
  7. Use the Timing dropdown to set the animation to play immediately or after a delay.
  8. (Optional) Click Apply to all slides to apply the same transition to every slide in your deck.

Edit or remove a slide transition

  1. Select the slide you want to update.
  2. In the Animate tab of the right sidebar, do one of the following:
    • To change the transition, choose a different transition and adjust the direction as needed
    • To change the transition direction, select an arrow
    • To remove the transition, select None from the Style dropdown menu

Slide transition animations

Smart animate

The smart animate transition looks for matching objects that exist between two sequential slides and creates the effect of objects moving, resizing, or rotating as you progress through your deck.

The easiest way to create seamless animations using smart animate is to add objects to a slide, duplicate that slide, and then rearrange, resize, or reorient the objects on the new slide. Any objects that appear on both slides will be used for the transition effect. Objects that only appear on one slide will fade in or out as you move between slides.

Smart animate slide transition.gif

Dissolve

The dissolve transition will fade in the next slide on top of the previous slide.

Dissolve slide transition.gif

Push

The push transition will push out the previous slide as the next slide is moved into view. You can choose to push the new slide in from the left, right, top, or bottom.

Push slide transition.gif

Slide in

The slide in transition will move the next slide into view while dissolving the previous slide. You can choose to slide the new slide in from the left, right, top, or bottom.

Slide in slide transition.gif

Slide out

The slide out transition will move the previous slide out as the next slide comes into view behind it. You can choose to slide the previous slide out of view from the left, right, top, or bottom.

Slide out slide transition.gif

Move in

The move in transition will move the next slide into view, above the previous slide. You can choose to move the next slide into view from the left, right, top, or bottom.

Move in slide transition.gif

Move out

The move out transition will move the previous slide out of view to reveal the next slide behind it. You can choose to move the previous slide out of view from the left, right, top, or bottom.

Move out slide transition.gif

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Add code blocks to slides
  • Add slide numbers to your presentation
  • Create a new slide deck
  • Add, delete, and organize slides
  • Add shapes with text to slides
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand