Master a new skill.

What do you want to learn today?
  • After Effects

    44 Episodes
  • Swift

    37 Episodes
  • Sketch

    35 Episodes
  • Framer

    22 Episodes
  • Origami

    14 Episodes
  • Flinto

    14 Episodes
  • Kite Compositor

    13 Episodes
  • Experience Design

    5 Episodes
  • Principle

    5 Episodes
  • Cinema 4D

    5 Episodes

Episode Library

Page 8 of 20
Back to Episode Home
  • 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
  • Auto-Layout for Fluid Design

    Auto-Layout for Fluid Design

    Auto-Layout for Fluid Design
    • 5:19
    • Pros
    Because they're part of the same plugin, Auto-Layout and Launchpad work incredibly well together.
    • 5:19
    • Pros
  • Artboards as Breakpoints

    Artboards as Breakpoints

    Artboards as Breakpoints
    • 6:29
    • Free
    Making a responsive website with Launchpad is pretty intuitive and a lot more fun than wrestling with media queries.
    • 6:29
    • Free