3 step overview of Atomic.io

1. Create/import wireframes ?  2. Add interactions and motion ?  3. Share and discuss


1. Create/Import Wireframes

  • Import from Sketch using the Sketch to Atomic Plugin
  • Or create wireframes from scratch in the Atomic editor:

2. Add Interactions and Motion Animation

  • Add clickable hotspots with interactions to transition to the next screens:
  • Create unique key frame motion animations too:

3. Share and discuss

  • Add comments and collaborators directly within Atomic
  • Share your prototype to be previewed in on the web or on a mobile device:
    screen-shot-2016-09-07-at-11-14-02