Framerjs: Innovative prototyping and design with interaction
- 9 hours on-demand video
- 12 articles
- 55 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.Try Udemy for Business
- 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
- A mac computer is suggested. The course will teach you how to do it with any kind of computer but using a Mac is suggested
- A basic knowledge in any programming language is recommended or at least on how programming languages are written (if then else, while, etc..) just basic knowledge
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.
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
- Students who has an app idea in mind and want to start to create something or to test with users
- Students who have a design that want to animate
- Students who wants to learn how to add interaction and animation to their applications
- If you never programmed before this course may be a bit hard for you
I’ll go over the topics we’ll cover in the course. I’ll also touch on why the course will help students, and what they’ll get out of it once they’ve completed it.
Text can be manipulated in framer in different ways. This lesson shows you one of those that offers full control over your text.
In this lesson you’ll see how you can use the panning gesture. The best of all is that we will do a discard example using the panning gesture
Learn what is a module, what's the benefit you can get from it and how you can use it.
A tab interface is something really common, specially on Android devices. Let's get our previous challenge and let's add scrolling content. Check the challenge and try to do it by yourself. If you don't manage to do it, check the next lecture for the solution.