Mobile App Prototyping: Designing Custom Interactions

Noah Levin, Product Designer / Prototyping Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Videos (50m)
    • Introduction

    • Why Prototyping?

    • Prototype 1: Create an Animation

    • Prototype 2: Create a Transition

    • Prototype 3: Create a To-do App Action

    • Your Final Prototypes


About This Class

Have a great idea for an app and unsure where to start? Join Product Designer Noah Levin for an informative 50-minute class on how to use mobile app prototyping to communicate your ideas and execute your vision.

In this class you'll learn the basics of using mobile app prototyping to pioneer new patterns, make unique designs, and find unexpected solutions. You’ll leave this class with 3 new interactions to incorporate into your mobile app designs, including animating an image, screen transition, and a to-do app action. Along the way, you'll also pick up some coding basics, giving you a solid foundation for making your designs happen.

If you're an app designer looking for a new way to prototype, or simply looking to understand how your favorite apps come to life, this class will have you iterating and executing designs to get the most out of what you make.

Note: This class is recommended for those with a basic familiarity of mobile app design. If you're brand-new to prototyping or mobile app design, check out Intro to Mobile App Design on Skillshare.


Framer is a prototyping tool for animation and interaction on desktop and mobile.


252 of 259 students recommendSee All

Really cool class! It would be easier if you know some js already but still it's an awesome course.
Really great overview of Framer! More and more tools like Sketch, Framer, InVision, Zeplin, and Cloudstitch, which allows you to run a CMS off a Google Spreadsheet, are making prototyping incredibly easy, and empowering non-technical folks, "fuzzies," to master technical basics, and get off the ground. From here it's a short connect-the-dots to get a full scale product built and deployed.
Scott Hartley

Venture Capitalist & Author

Greate tutorial for beginner. I learned basic things which motivate to learn more :)





Noah Levin

Product Designer / Prototyping Teacher

Noah Levin is a product designer working at ClassPass currently living in New York City.

He's taught framer workshops at Google, General Assembly, WhiteSpace, and various start ups like Causes and IMVU.

Prior to ClassPass, he spent 4.5 years at Google leading the design of the iOS Google app with voice search and Google Now. Before Google, he worked at NASA designing a cuff-mounted interface for astronauts. He grew up in Pittsburgh, PA and received both his undergraduate and master's degrees at Carnegie Mellon in Human-Computer Interaction.