Sketch  Course

Mobile App Design with UX Power Tools

Creating a design system from scratch is tedious, but the benefits of a heavily modular system are huge. In this course we'll create a unique app using UXPT as the basis for our customized system.

There are 6 episodes.

  • 1

    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
  • 2

    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
  • 3

    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
  • 4

    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
  • 5

    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
  • 6

    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