Tutorial: Creating a basic transition in Atomic

Femke van Schoonhoven

It’s quick and easy to get started animating prototypes in Atomic. Watch the above video tutorial for a step by step walkthrough on how to create animated transitions.

What’s happening behind the scenes?

When the same object exists on both pages, Atomic will animate any changes made to that element on one of the pages. These connections between objects are created when you copy-and-paste them from one page to another, or when you duplicate a page.

Posted 2 September 2015

Advanced interactive design & prototyping.