Member-only story
Animation handoff: how to make sure what you design is what the developers build

Recently, I’ve been creating some animations for the project I am currently working on. Before I started with the main work, I wanted to make sure that I knew what deliverables I would need to provide to the developers for the handoff.
While figuring things out, my findings eventually led me to change the way I create animations and I wanted to share what I came up with.
The gap between design and development
There have been a ton of new design tools emerging recently. It is now easier than ever to create great looking animations and transitions with all the details you could ever want. Personally, I’ve spent quite a bit of time to discover and learn these tools to make creating animations easier for me.
I would easily import my designs from Sketch, work with the timeline, animate different properties with different easings, move things around to come up with the best screen transitions etc. I was able to express my creativity and create the animation in my head using these applications. Which is what a design tool should allow you to do right?