UI Prototyping in Flinto | Greg Rog | Skillshare

UI Prototyping in Flinto

Greg Rog, learnux.io

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
43 Videos (5h 31m)
    • Welcome to Flinto

      2:24
    • Exploring Interface

      5:35
    • Project Settings

      9:35
    • Shape Properties

      7:03
    • Organizing Shapes

      9:11
    • Details Screen

      5:44
    • Working with Vectors

      8:23
    • Advanced Vector Techniques

      9:24
    • Tabs Screen

      4:25
    • Intro to Behaviors

      9:04
    • Animating the Screens

      9:51
    • Using Easing

      8:54
    • Scrolling Elements

      4:56
    • Scrolling in Behaviors

      5:48
    • Connected Layers

      8:12
    • Backlinks

      6:00
    • Heart Animation

      9:45
    • Sharing Animation

      9:11
    • Animating Bookmarks

      9:01
    • Hover Effect

      3:12
    • Import from Sketch

      5:59
    • Onboarding and Animation

      11:07
    • Welcome Home

      6:30
    • Login Screen

      10:10
    • Home Screen Animation

      5:18
    • Main Screen Animation

      7:46
    • Sticky Headers

      11:58
    • Devices Screen and Modals

      14:46
    • Component Library

      3:50
    • Acrtions Screen

      12:07
    • Bottom Menu

      11:22
    • Temperature Screen

      8:55
    • Changing Temperature

      5:09
    • Lamp Screen

      12:35
    • Shades Screen

      4:43
    • Alarm Screen

      7:16
    • Senses Screen

      9:34
    • Cameras Screens

      6:08
    • Predefined Assets

      9:03
    • Readymade Prototype

      6:46
    • Using Flinto Lite

      5:11
    • Bonus Tips

      8:07
    • See You Later

      0:34

About This Class

Prototyping with Flinto is one of the most essential skills for the best UI/UX designers. The software allows its user to create transitions and micro interactions which very precisely showcase the project’s functionality. You are able to perfectly reflect the workings of an app before its final implementation or project presentation. Working with Flinto gives you an unprecedented level of control over every single aspect of the project, and this course is all you need to start your Flinto experience!

The first part of the course includes a practical example to help you become familiar with all the important concepts of how Flinto operates, functions and tools. We are going to design an effective mockup of an application interface and discover the potential of Flinto.

The latter half of the course involves practical application of Flinto functions in order to design all the transitions and animations for our intelligent home app. This project will prove how useful Flinto is, because it is entire possible to create even the most complex element of an app using this software.

Another great functionality of Flinto comes from its capability to connect layers via transitions. This function lets us design animations where one layer smoothly transitions from one screen to another or even create shape animations, which simply morph one into another.

78

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Report class