Topic  

Flinto

Flinto lets designers quickly make interactive prototypes of their mobile, desktop, or web apps.

There are 3 Flinto courses.

  • by Chris Slowik

    One of the more useful features of Flinto is the ability to create micro-interactions without having to create multiple versions of a single...

  • by Chris Slowik

    Among Flinto's powerful feature list is 3d transforms. We'll be using this along with masking and other advanced Flinto techniques to put to...

  • by Chris Slowik

    Get acquainted with one of the hottest prototyping apps out there - Flinto. In this quick 5 lesson crash course, you'll learn how to make a ...

There are 14 Flinto episodes.

  • Build a 3D Scroll Transition in Flinto

    Build a 3D Scroll Transition in Flinto

    Build a 3D Scroll Transition in Flinto
    • 10:03
    • Pros
    One of Flinto's fortés is the ease with which you can build transitions, no matter how many layers are moving around and changing. Let's make this boring transition completely awesome!
    • 10:03
    • Pros
  • Creating Complex Components with Multistage Behaviors in Flinto

    Creating Complex Components with Multistage Behaviors in Flinto

    Creating Complex Components with Multistage Behaviors in Flinto
    • 13:31
    • Pros
    Most components have many more than just two states. On this detail level, there are quite a few micro-interactions that can be defined as part of one behavior.
    • 13:31
    • Pros
  • Create Intermediate Animations with Behaviors in Flinto

    Create Intermediate Animations with Behaviors in Flinto

    Create Intermediate Animations with Behaviors in Flinto
    • 4:15
    • Pros
    Building a basic behavior is fairly straightforward, but lets take it a bit further by adding some more detailed animations to a behavior.
    • 4:15
    • Pros
  • What is a Behavior in Flinto?

    What is a Behavior in Flinto?

    What is a Behavior in Flinto?
    • 5:27
    • Free
    In Flinto, micro-interactions are contained inside "behaviors". We'll kick it off by defining a simple behavior with two states and a tap.
    • 5:27
    • Free
  • Show the Ledger

    Show the Ledger

    Show the Ledger
    • 4:07
    • Pros
    The ledger transition is going to involve a staggered effect on the list items to really make their appearance something special.
    • 4:07
    • Pros
  • Request Coins

    Request Coins

    Request Coins
    • 3:15
    • Pros
    Requesting coins will be a bit simpler than sending, but the overall idea is the same. Expanding tap areas to accommodate new content looks great.
    • 3:15
    • Pros
  • Send Coins User Flow

    Send Coins User Flow

    Send Coins User Flow
    • 6:11
    • Pros
    The first user flow to prototype is the 'send coin' interaction. This will serve as the example for the other action items.
    • 6:11
    • Pros
  • Unfold the Home Screen

    Unfold the Home Screen

    Unfold the Home Screen
    • 5:07
    • Pros
    The home screen reveals in a super stylish way - by unfolding from the top! Transforming items in 3d is one of the areas Flinto shines.
    • 5:07
    • Pros
  • Get Started With Login

    Get Started With Login

    Get Started With Login
    • 2:19
    • Free
    Before diving in to some of the more advanced transitions, we'll take a quick look at the user flow and set up the login process.
    • 2:19
    • Free
  • Sharing Your Flinto Prototype

    Sharing Your Flinto Prototype

    Sharing Your Flinto Prototype
    • 2:37
    • Free
    So you've made a killer prototype - how do you share it with the world? You've got a handful of methods at your disposal, both interactive and not.
    • 2:37
    • Free
FirstLast