Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Interactive Prototypes with Framer

Greg Rog, learnux.io

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
34 Videos (4h 45m)
    • Welcome To Framer

      3:29
    • Intro to CofeeScript

      4:26
    • Working with Variables

      10:26
    • Data Types

      8:09
    • Conditional Statements

      6:54
    • Functions in CofeeScript

      9:15
    • Using Objects

      8:32
    • Working with Arrays

      10:53
    • Framer Interface

      14:35
    • Animation Types

      13:24
    • Easing in Animation

      9:52
    • Spring Easing Curve

      3:51
    • Start Screen

      9:44
    • User Onboarding

      11:26
    • Onboarding Pagination

      7:15
    • Alignment Options and Masks

      10:02
    • Fonts and Text Options

      11:19
    • Layer Order

      7:19
    • Working with Photo App

      12:54
    • Design Mode in Framer

      9:55
    • Using Flow Component

      5:59
    • Photos Animations

      7:15
    • Animation of a Button

      8:55
    • Animation of a Button

      11:28
    • Gradients and Sound Kit

      7:23
    • Using Filters

      8:35
    • Working with Colors

      8:16
    • Utils Class

      8:24
    • Importing from Figma

      7:27
    • Animating Home Screen

      7:16
    • Lock Screen Animation

      5:09
    • Main Screen Animation

      5:53
    • Action Screens Animation

      8:56
    • Goodbye

      0:36

About This Class

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.

12

Students

--

Projects

0

Reviews (0)