Scott StephensProduct Designer, The App Business

What's the best tool for UI animations and prototyping?

There are so many tools now to produce UI animations and prototypes which range from basic click through prototyping (Marvel) to more complex prototyping with fancy animations (Framer), Which tool have you been using the most and why?
Posted 
Your recommendation
🤓 Have a recommendation? Join to share.
5 recommended
  1. 4
    Principle

    Animate your ideas, design better apps

    It's super simple and easily customisable. There's also quite a few resources available for it.
    CommentsShare
    • Julie DelanoyDesign at Product Hunt

      I use Principle mostly for quick demos when I try to communicate interaction ideas with my teammates. Principle is very good for this if you're not trying to create something too fancy but really want to share your ideas. Word to the makers: Keep the good work!

  2. 2
    Kite Compositor

    A UI animation and prototyping application for Mac & iOS

    Kyle Hess5Fintech Product Manager · Written
    Just featured today. It seems really sweet, although I haven't used it too much yet.
    CommentsShare
    • Shannon PotterUX Prototyper at Lyft

      Kite Compositor is my new go-to prototyping tool. As a long time iOS developer, most of my prototyping was just done in Xcode because I had complete access to Core Animation. Kite, unlike other tools, is built on top of Core Animation and exposes all (or most) of its features directly. As a result, the animations it builds are almost guaranteed to look exactly the same on device.

      Beyond that, it's just a well-designed app. As with most professional applications, the UI takes a bit of poking around at first to figure out how to do everything, but after just a day of playing with it, I became familiar with most of its capabilities.

    • Mihaela Mihaljević JakićiOS Freelance developer

      Amazing tool for UI and learning Core Animation.

  3. 2
    Framer

    A new design tool. Completely redesigned.

    Might be a bit hard to start if you are non-coder but it's the best one out there as there is no limit on what you can do.
    CommentsShare
  4. 2
    Atomic.io 2.0

    Ultra fast, scalable and fully collaborative prototyping

    Kunal Bhatia50Co-founder & Design Lead @SlidesUp · Written
    I'm constantly impressed with the team at Atomic. I'm able to scale the fidelity of my prototypes really easily from low to high. Their recent additions like components, data, and team collaboration tools make it really powerful. You can see a more in-depth review in my Medium articles on "The New Generation of Prototyping Tools" Part 1 and Part 2.
    CommentsShare
    • Kunal BhatiaCo-founder & Design Lead @SlidesUp

      Atomic is my go-to solution for ideating, creating something to test with customers, and communicating with developers. You can get an idea of how I use prototyping tools in general here. It includes an overview of many tools in this space.

  5. 1
    Origami

    A free design prototyping toolkit for Quartz Composer

    Jason CoudrietDesign Leader, @blackboard @troweprice · Written
    Though with a bit of a learning curve, extremely powerful with outstanding support from Facebook and the community.
    CommentsShare