Kite Compositor  Course

Elite Input Prototyping

With Kite, you can make some very realistic user input prototypes, including accepting input and doing something with it. In this course we'll mock up a detailed login screen with a lot of special tricks.

There are 4 episodes.

  • Importing from Sketch into Kite and Hooking Up Actions

    We'll kick off with a quick review of how to import your design from Sketch, then we'll add animations and actions to our input fields.

    • 7:18
    • Free to Watch
    • Watched
  • Making Styled Text Inputs in Kite

    Kite includes a new action called "Append Text" which lets you easily add user input to any custom text field. We'll take it a step further and make a masked password inp...

    • 5:36
    • Free to Watch
    • Watched
  • Adding Detailed Micro Interactions to Input Fields

    Now that the basics of our input fields are set up, we can start to add some more delightful micro-interactions. In this episode we'll add an animated field label that ap...

    • 9:13
    • Pros Only
    • Watched
  • Live Input Validation

    One giant step toward realism is incorporating live features like input validation when the user is typing. We'll be adding that to the email field now.

    • 4:14
    • Pros Only
    • Watched