Framerjs: Innovative prototyping and design with interaction

Course details

The last course update January 26th 2017 go to the end of the course details to see all the updates!

Constant updates for free! Includes prototyping for Virtual Reality!

Join more than 2100 students and learn how to use Framer JS with your Sketch 3 or Photoshop designs to create innovative prototypes, design animation and add interaction to your mobile and web designs and prototypes.

This course teaches step by step how to get all the power of Framer JS and the power of the latest additions. You will prototype and add interaction to your designs thanks to the step by step lessons and the tips I am 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 does not represent your real thinking, Framer JS, and Framer Studio lets your creation flow and allows you to create quickly and easy designs for your mobile devices, iPhone, android or windows phone and for the web.

Learn how to work quickly 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 26th January 2017 now all course resources can be easily downloaded

Updated on 24th January 2017 added new examples in some of the lectures

Updated on 11th January 2017 updated links for course resources

Updated on 9th December 2016 new bonus lecture added

Updated on 1st December 2016 new lessons added for learning to use the FlowComponent

Updated on 17th November 2016 added some demo code to a lesson which was missing it

Updated on 8th November 2016 fixed a lesson code which was not working properly

Updated on 17th August 2016 new lesson added

Updated on 20th July 2016 4 new lessons added with 2 new challenges and explanations to improve your Framer expertise

Updated on 17th July 2016 added a collection of snippets that will increase the speed of how you create your animated prototypes

Updated on 10th June 2016 new lessons added

Updated on 11th May 2016 new lecture added

Updated on 22nd April 2016 some lessons were updated to show latest code changes

Updated on 13th April 2016 new lessons added to cover the latest update of Framer released yesterday

Updated on 21st March 2016 new lesson added to the course to slow down all your animations to properly debug them

Updated on 24th February 2016 new lesson added to get all layers and manipulate them easily

Updated on 8th February 2016 7 new lessons added that will teach you how to use advanced interactions in Framer

Updated on 17th January 2016 new lessons added

Updated on 11th January 2016 added new lesson that shows how to use the for i loop in Framer

Updated on 17th December new lesson to learn how to use Google Fonts in your prototypes

Updated on 10th December added Color challenge to practice the new Color class

Updated on 9th December new lessons about Color component

Updated on 2nd December new lesson added

Updated on 20th November new whole section about virtual reality and Framer

Updated on 18th November new lesson to create micro-interactions in websites

Updated on 16th November animate SVG files with the lesson that shows you how to do so.

Updated on 19th October learn how to use the new code highlighter to see easily your prototypes

Updated on 29th September new lecture showing how to use properly 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