In search of an animation tool ...June 5, 2020 at 9:00am
i know this community is quite small at the moment, postet this also to Figma, but maybe someone could help me here too, especially because i like the direction of the app you create ...
I'm going to try it now via a direct question with the help of swarm intelligence in the community :-) if someone had similar problems as me and can give me a good tip/advice/example, that would be great!
I'm looking for an intuitive animation tool for quick tests of our more complex animations, which will be implemented later with GSAP https://greensock.com/gsap/ because of more flexibility (e.g. translations, connection to the scrolling behaviour in the browser, reacting to event/callbacks).
I'm actually already quite familiar with this area, but I haven't found a good solution that makes my work easier at the moment. The important thing is that I don't want to build a prototype, but an animation that executes several animations in each step/scene and you can control them individually and in time. The designs come from Figma and should be easy to import and layoutwise fit and at best remain vectors, otherwise I can program it directly again and skip myself the test because the asset transfer eats up so much time. If I am wrong about the remarks below, I am grateful for any corrections and information.
Currently I have tried the following tools:
- Figmas Smart Animate (no timeline, no possibility to control several properties individually)
- Invision (is also not an option, also only prototyping)
- Invision Studio https://www.invisionapp.com/studio (Was promising, but is too buggy, crashes often, animations do not run as planned and behave differently. After all the hype and what it is at the moment, I won't test it for a while :-)
- Framer https://www.framer.com/ (I miss Timeline, MagicMotion is not an option. Too little control. Hammer intro video by the way ... So good!)
- Principle https://principleformac.com/ (Actually quite good, also prototyping, but for testing the tool was almost promising. But I can't set 2 cue points in an animation scene. I have only Start / End per property but would like to change or cancel the progress by setting another cue point :-)
- Adobe Animate https://www.adobe.com/de/products/animate.html (I didn't try it because I can imagine that the import of Figma fails. Hasn't changed much since Flash and the whole interface is still very small (looks very old and not developed any further with passion))
- Protopie https://www.protopie.io/ (At Protopie I somehow couldn't set any Cuepoints at the properties, but otherwise looks quite good)
- After Effects Transfer from the google motion design team https://aeux.io/ (If the import of Figma would look the same as in the layout, I would prefer to work with AfterEffects, because then I can save myself all the asset management and scene building, but unfortunately it looks terrible).
- Spiritapp https://spiritapp.io (It's actually a very good tool, but editing several cue points was still a bit cumbersome and for the purpose of testing the animations from within Figma, before they are integrated into the assets on the website, this tool is actually used afterwards to fine-tune the scenes. Also cool would be a GSAP export instead of just a Json object with the attributes :-)
I am grateful for any support on this subject Peter
June 5, 2020 at 9:17am
Thank you so much for reaching out.
As the core developer of Spirit I can tell you that I've been working on the new release of Spirit which is going to be a totally new app.. more focused on integrating design tools like Figma and giving you more control of animations.
Thank you for the valuable feedback and to share your thoughts on this, this will definitely help us to create a better product as we need high-demanding people like you. The new release of Spirit is still in the make (is not ready yet, release date to be defined).. but we're getting there.
I think this will be a match made in heaven for you as what you describe is exactly what Spirit 2.0 will have.
It would be awesome to have you test the beta release once it gets available.
Thanks and please drop me a mail if you have any questions.
Patrick from Spirit
June 5, 2020 at 3:22pm
Hi Patrick, really nice, will do so and maybe i will give you some feedback about the issues i ran into and we keep our team license to support you, because i wasn't sure if the development is still going on or not and i continue to work with it on our next animations, because as i said, it helped me a lot to try out how tweens feel like in combination with GSAPs dev tool https://greensock.com/gsdevtools/ in the existing environment of our website www.userlike.com/. I'm curious what will come with the next release.
Have a nice weekend Peter