Master a new skill.

What could you learn with our 152 episodes?
  • Swift

    37 Episodes
  • Sketch

    33 Episodes
  • After Effects

    15 Episodes
  • Flinto

    14 Episodes
  • Kite Compositor

    13 Episodes
  • Framer

    10 Episodes
  • Origami

    9 Episodes
  • Game Design

    6 Episodes
  • Experience Design

    5 Episodes
  • Principle

    5 Episodes
  • Cinema 4D

    5 Episodes

Episode Library

Page 3 of 15
Back to Episode Home
  • 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
  • HTML and Custom Domains

    HTML and Custom Domains

    HTML and Custom Domains
    • 6:27
    • Pros
    If you need to white label your project, you'll have to go premium. Once you do, you'll be able to use your own domain or even export HTML!
    • 6:27
    • Pros