Smart Animate - Edit Timeline

Share an idea
1

I couldn’t find a similar thread, so I’ll just post it here.

Here’s what’s InVision Studio does great:

image
image1412×880 34.6 KB

The idea is to be able to define when each layer is to be triggered when using smart animated. Currently there is only a global switch and all layers will animated in a given time.

If this idea is a duplicated of one I didn’t find, please merge it together.

A great feature for you PMs and Devs to think about.

6 Likes
2

Absolutely, smart animate is pretty handy feature but being unable to edit timeline for each layer is drawback in many cases.

I guess, Figma team will make this feature insane as usually :wink: but for inspiration here is example how Motion plugin for Figma do this:

1_u3WmroYlS1mat4RlQGbFmA
1_u3WmroYlS1mat4RlQGbFmA1080×527 34.7 KB

Less Frames, clean prototype

  • Interactive components helped in that case a lot. Timeline will do the same.
  • No needs for frames with “middle states” and timeouts.

Adobe After Effects is overkill for tiny UI animations

  • After Effects doesn’t have nice UX in the matter of creating tiny animations.
  • Once Timeline in Figma allows you to easily create slick animations, then it will be the only one tool for UI/Motion designers.
  • I believe that SMIL animations and SVG2 become standard for web and apps.
  • There isn’t editor which allows you to export animations as SVG + SMIL. There is an opportunity to break this bottleneck and finally get rid of bodymotion plugin and Lottie files which do the service but it’s pain to deal with it in development (being unable to see the preview, easily modify the animation, dealing with source AEP files and exported JSON files doesn’t support smooth handover between designers and developers).
8 Likes
3

It’s really needed

4 Likes
4

Definitely! Is there any progress? :slight_smile:

5

Would really love to see this added, especially now that InVision Studio is sunset.

Being able to stagger and delay animations within smart animate would be absolutely HUGE.

1 Like
6

Hey everyone :wave:.

I’ve been playing around with creating a plugin for this:

Love to get your thoughts.

There are a few challenging things about Figma native animations like when changing animations running in parallel to have different timing or easing may require creating a component.

E.g. if you want to create a face that is winking, might require components for the eyes, mouth and so on. But you might not start out that way, so the timeline will have to be able to convert these to components when necessary.

1 Like
7

This looks awesome. Are you actually playing the animation in the canvas, and not in prototype mode? That would be cool!

1 Like