Framerjs: Innovative prototyping and design with interaction

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

3.70 (357 reviews)

Udemy

platform

English

language

Design Tools

What you will learn

Quickly prototype mobile applications

Animate and add interaction to the prototypes

Create a quick overview of an app

Prototype small interactions

Create user tests

Create modules to share functionality across designs

Why take this course?

The last course update March 21st 2019 go to the end of the course details to see all the updates!

Constant updates for free! Includes prototyping for Virtual Reality!

All course content is valid for the latest version of Framer

Join more than 2900 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 21st March 2019 updated two lessons to reflect latest changes

Updated on 3rd August 2018 some lessons updated to match the last Framer version

Updated on 6th April 2018 new lesson added

Updated on 8th January 2018 updated lessons to match latest Framer version

Updated on 16th October 2017 new lesson added

Updated on 13th September 2017 all course resources have been updated to work with latest Framer update

Updated on 7th September 2017 fix for some lessons not being displayed properly on latest Framer version

Updated on 17th July 2017 added two new lectures with the latest Framer changes

Updated on 16th June 2017 added new lectures using the new Framer Design interface

Updated on 7th June 2017 updated two lessons to reflect the latest changes of Framer

Updated on 15th May 2017 new Microsoft UI for Framer added

Updated on 5th April 2017 updated course exercise to reflect the changes from the latest Framer update

Updated on 7th March 2017 new lectures with the new RangeSliderComponent added

Updated on 27th February 2017 a lesson was updated to match the new Framer changes

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

Screenshots

Framerjs: Innovative prototyping and design with interaction - Screenshot_01

Framerjs: Innovative prototyping and design with interaction - Screenshot_02

Framerjs: Innovative prototyping and design with interaction - Screenshot_03

Framerjs: Innovative prototyping and design with interaction - Screenshot_04

Reviews

Jordi

June 26, 2015

After finishing this course I have the idea I know how to use Framer Studio. The teacher is very clear in his explanations and the examples are fun. I had a good time going through all the lessons.

Giacomo

June 14, 2015

This course is fundamental if you wanna jump into prototype world with framer js! Adria is good teacher and the course have a great structure! What you waiting for? Buy it now!

Comést

June 4, 2015

I would honestly give it a 4.7, but I rounded up. Nothing is perfect, but this course definitely filled some gaps in my understanding of Framer. I definitely appreciate the author incorporating many of the new features like page, scroll, slider components. I'd highly recommend this for those with a "decent" understanding of coffeescript / javascript.

Patrick

June 3, 2015

I was a newbie, I've learned a lot through this course and certainly feel more confident now using framer...

Uzgunum

May 25, 2015

I had very little knowledge on javascript. That's why it was hard to start animating on framer studio. These tutorials encouraged me to begin and it was very helpful for me as the beginner.

Daniel

April 16, 2015

The scope of this course and the balance of general overview vs digging into details was perfect for me as a designer. Having some coding skills before starting with the course can help, but I felt ok as a coding beginner.

Nguyen

March 25, 2015

I'm only half way there but for sure I've learnt a lot from Adria. His explanation is very clear and easy to understand. So excited to jump right in my design and do some inter active prototypes :)

Satish

March 24, 2015

Consider this course as a great primer to Framer and more. I am not yet done with the course but thought of writing a review to what I have seen so far. If you are a sketch user-like i am , you will love framer (and this course) even more

Patrick

March 18, 2015

I am done now with about 70% of the course and it was really fun. The instructor really knows the real life application of prototypes. He walks you through at a nice pace and gives good examples of small prototype use cases. I also liked that he explains what framer js actually is and how it can be used ... in a very short form. I don't like to be walked through the tool for ages. And this is fortunately not what he did. Instead you get hands on quickly and the instructor outlines how the tools support real life workflows while you do the exercise. The quality is really good. Audio and video is clean. The voice of the instructor and his English is really good. You can spot he is not native, but his accent is kind of charming :). Here is an example of what I did in order to exercise yesterday evening: http://share.framerjs.com/01q3f9iycwmf/ Thumbs up. Worth the money already.

Joerg

March 5, 2015

Great course to get you started in Framer and Framer Studio. A little bit of knowledge regarding programming will come in handy as concepts such as if .. then .. else statements are not explained, but it'll really help you build prototypes right away.

Tai

March 5, 2015

I learned a lot from it with very little coding background. It is a good course but it might be better if it has couple examples more there or going over few simple examples from http://framerjs.com/examples/. Thanks!

Dexter

February 28, 2015

I learned FramerJS myself, but not being a coder by day, much of the resources available are too advanced for me to use so I was getting tired of it. Adria's course helped a lot because he went through the basics and showed simpler programs that I can logically understand. I'm comfortable on my own a lot more. He also responds extremely fast and even helped show different solutions. Overall, I think something like FramerJS needs a lot of practice, and for that reason, I look forward to more examples like he's done so far.

Lavinia

February 24, 2015

Excellent course, really like it and Adria is very professional. The course boosted my prototyping speed as I learned quickly how to start prototyping with framer. My previous experience was null with framer and I thought I would never learn as it seemed a bit complicated for me but after following the course I'm even surprised with my results. Definitely will recommend.

Ileiha

February 4, 2015

Been looking for a course like this for a long time and finally I found it. Really good I learned how to quickly prototype and add interaction to my static prototypes and designs. I enjoyed taking the course with Adria, he really knows what he is teaching. I recommend this course to all the designers and UX that want to expand their knowledge.

Isabella

February 2, 2015

I saw framer some time ago but it really scared me, that's why I bought this course and now I can say that I'm more than confortable with framerjs. This course showed me all I needed and now I can use framer and I'm no longer afraid of it. I really liked how the course is structured and also I liked to do the challenges.

Charts

Price

Rating

Enrollment distribution

Framerjs: Innovative prototyping and design with interaction - Distribution chart