Invent, design and experiment with interaction using your Photoshop or Sketch 3 designs. Learn how to use framer js

Photoshop designs to create innovative prototypes, design animation and add interaction to your mobile and web designs and prototypes.

This course will teach you step by step how to get all the power of Framer JS and the power of the latest additions. You will be prototyping and adding interaction to your designs thanks to step by step lessons and the tips I'm giving.

If you ever wanted to use framer but didn't know how or where to start this course is for you as it covers from the basics to the advance step by step and with a progressive learning curve.

Forget about static prototypes as that doesn't represent your real thinking, Framer JS and Framer Studio let's your creation flow and let's you create quickly and easy designs for you mobile devices, iPhone, android or windows phone and for the web.

Learn how to quickly work with the app following my method and be ready to create designs fast and in a very easy way.

The course includes all you need to know to start designing. Even if you are a novice or an expert you will be able to do this course.

This course is targeted for designers, UX, freelancers, developers or all kind of people that will like to design in an easy and up to date way.

Course updates:

Updated on 29th September new lecture showing how to properly use parenthesis, brackets and curly brackets in Framer

Updated on 22nd September quizzes updated to reflect latest Framer changes

Updated on 16th September new challenge added to learn how to play with scroll and events

Updated on 25th July two lessons updated to reflect latest Framer changes

Updated on 10th July second part of the challenge added. Now learn how to move from prototype to a reusable module

Updated on 9th July new challenge available!

Updated on 1st July new lecture to use your own custom events

Updated on 17th June added lecture to show how you can use your imported layers easier

Updated on 11th June new lecture showing how to use inputs in your prototypes

Updated on 29th May new course lesson to learn how to inspect layers in the prototype

Updated on 25th May added lesson as requested on how to deal with errors

Updated on 19th May new lesson showing how to use the new and shiny Slider Component from framer

Updated on 18th May new lessons about how to use the web inspector to debug your applications

Updated on 12th May new module to prototype with random images so you don't need to care about placeholder images anymore

Updated on 18th April new modules added to design for the apple watch and to add inputs easily to your prototypes.