Master a new skill.

What do you want to learn today?
  • Swift

    46 Episodes
  • After Effects

    44 Episodes
  • Sketch

    35 Episodes
  • Framer

    29 Episodes
  • Game Design

    21 Episodes
  • Origami

    16 Episodes
  • Flinto

    14 Episodes
  • Kite Compositor

    13 Episodes
  • Experience Design

    5 Episodes
  • Principle

    5 Episodes
  • Cinema 4D

    5 Episodes

Episode Library

Page 9 of 22
Back to Episode Home
  • Give it a Custom Initializer

    Give it a Custom Initializer

    Give it a Custom Initializer
    • 8:25
    • Pros
    The finishing touch for this checkbox component is an initializer that sets it up with the desired text, and we'll fix the frame based on the length of text.
    • 8:25
    • Pros
  • Adding New Properties

    Adding New Properties

    Adding New Properties
    • 2:31
    • Pros
    To make this truly useful, it needs some properties exposed that will make it easier to customize when used in code.
    • 2:31
    • Pros
  • Creating Checkbox Functionality

    Creating Checkbox Functionality

    Creating Checkbox Functionality
    • 1:54
    • Pros
    Out of the box, the code from Kite won't function as a checkbox, but it's not too hard to get it to happen.
    • 1:54
    • Pros
  • Export Swift Code

    Export Swift Code

    Export Swift Code
    • 4:35
    • Free
    Code export is finally available in Kite, and we'll use it to get our checkbox out and into Xcode as Swift code. It's a great starting point for customization, as all the tedious drawing code is done for you!
    • 4:35
    • Free
  • Import and Animate the Checkbox

    Import and Animate the Checkbox

    Import and Animate the Checkbox
    • 5:51
    • Free
    This first episode is all about just getting our sketch design into Kite and animating it. With Kite being so new, we figured a quick refresher is in order!
    • 5:51
    • Free
  • 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