Udemy

Interactive Prototypes with Framer

Enroll Now
  • 591 Students
  • Updated 2/2018
4.1
(100 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
4 Hour(s) 45 Minute(s)
Language
English
Taught by
Greg Rog
Rating
4.1
(100 Ratings)

Course Overview

Interactive Prototypes with Framer

Learn CoffeeScript and animate your UI

This course is built for Framer Studio (Classics), NOT the latest version of Framer (X). I'm still using Studio for many of my projects as X requires more on the code side (React) and is in it's early version right now. That being said I'm working on the X course, however I do recommend to get to know Studio, too.

Let me present to you one of the hottest technologies for interface prototyping, used extensively by such companies as Facebook, Google, Uber. You have to see for yourself how powerful of a tool it is. The best, most sought after UI/UX designers on the market, know programming! This course will prove to you that working with CoffeScript is one of the best, most pleasant ways to learn programming, and also one of the most interesting skills to master!

What you'll learn?

  • CoffeeScript – the basics

  • Practical examples

  • Working with components

  • Sketch and Figma integration

  • Apple Watch Prototype

  • Bonus UI Kit for iOS

This course is a practical compendium of knowledge on prototyping animations and micro interactions with the use of Framer technology. The application, created by Facebook engineers allows prototyping with no restrictions of a timeline or predefined presets. It lets you prepare finished animations for website, iOS/Android app, game, TV and so much more!

This course will show you, using a set of practical examples, how to design typical mobile app UI transitions. In order to create them, we are going to make use of a range of in-built components, which simplify the design of user onboarding and app page animations to just a few lines of code – Framer does all the rest!

The course you are about to participate in is the doorway to a world of extremely valuable skills for UI/UX designers, who want to be competitive on the market. Invest in your professional development and you will appreciate how well designing interactive prototypes, micro interactions and animations which you can transfer to a website or an app with Framer technology, present themselves in your portfolio. It is a step in the right direction if you would like to design your own, complete applications with a friendly visual feedback, in the future.

Course Content

  • 1 section(s)
  • 34 lecture(s)
  • Section 1 Introduction

What You’ll Learn

  • CoffeeScript – the Basics, Practical examples, Working with components, Sketch and Figma integration, Apple Watch Prototype, Bonus UI Kit for iOS


Reviews

  • A
    Ayshwariya
    1.0

    This course is good for old version of framer, its not version compatible

  • T
    Tiffany T
    3.0

    So far it's been helpful, but it would be better if the instructor spoke a little slower and didn't rush through all of the ideas in the lessons. Additionally, challenge exercises or a project that helps use all of the techniques learned would be edifying.

  • R
    Rachel Zhang
    4.5

    Great course, unfortunately there are some bugs in the code (lesson 19 in particular) which is quite misleading. But over all I learned a lot.

  • M
    Martin Nathan
    5.0

    The course provides a real insight into the power of Framer Studio and gets you up and running quickly - which is what I needed. There is a lot of help in the course and Framer Studio provides a lot of help and shortcuts too. If you want to find out if Framer Studio is for you then this course does that, and Greg Rog takes you through the content with pace and confidence.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed