Master a new skill.

What could you learn with our 174 episodes?
  • Swift

    37 Episodes
  • Sketch

    34 Episodes
  • After Effects

    28 Episodes
  • Framer

    17 Episodes
  • Flinto

    14 Episodes
  • Kite Compositor

    13 Episodes
  • Origami

    9 Episodes
  • Game Design

    7 Episodes
  • Experience Design

    5 Episodes
  • Principle

    5 Episodes
  • Cinema 4D

    5 Episodes

Episode Library

Page 5 of 17
Back to Episode Home
  • Live Input Validation

    Live Input Validation

    Live Input Validation
    • 4:14
    • Pros
    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
  • Adding Detailed Micro Interactions to Input Fields

    Adding Detailed Micro Interactions to Input Fields

    Adding Detailed Micro Interactions to Input Fields
    • 9:13
    • Pros
    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 appears on focus.
    • 9:13
    • Pros
  • Making Styled Text Inputs in Kite

    Making Styled Text Inputs in Kite

    Making Styled Text Inputs in Kite
    • 5:36
    • Free
    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 input.
    • 5:36
    • Free
  • Importing  from Sketch into Kite and Hooking Up Actions

    Importing from Sketch into Kite and Hooking Up Actions

    Importing  from Sketch into Kite and Hooking Up Actions
    • 7:18
    • Free
    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
  • Message Screen Layout

    Message Screen Layout

    Message Screen Layout
    • 5:04
    • Pros
    Sometimes speed is of the essence. We'll make the messages screen here, showcasing the speed and efficiency of using a true design system.
    • 5:04
    • Pros
  • Search and Typing States

    Search and Typing States

    Search and Typing States
    • 9:23
    • Pros
    Our search screen will be designed with two different states, including pulling in some keyboard symbols from the default iOS template.
    • 9:23
    • Pros
  • Creating Symbol Variants for Realism

    Creating Symbol Variants for Realism

    Creating Symbol Variants for Realism
    • 8:10
    • Pros
    When making a UI mockup, it's great to see different component states for realism. On the Course List screen we'll need a bit of variation, so we'll build that next.
    • 8:10
    • Pros
  • Adding New Modular Components

    Adding New Modular Components

    Adding New Modular Components
    • 13:04
    • Pros
    Obviously the components in the UXPT library are not exhaustive, but using them you can build new modular components that are just as versatile.
    • 13:04
    • Pros
  • Use the Login Flow as the Foundation

    Use the Login Flow as the Foundation

    Use the Login Flow as the Foundation
    • 18:22
    • Free
    Rather than customize components through the style guide, let's get right to work building screens. Seeing the components in place helps when creating a style.
    • 18:22
    • Free
  • Setup and Style Customization

    Setup and Style Customization

    Setup and Style Customization
    • 8:52
    • Free
    There's a bit of setup to do when you initially open the kit, and we can start to do some customization of the styles right away. We'll start with the comprehensive list of text and layer styles.
    • 8:52
    • Free