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.

  • Setup and Style Customization

    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 ...

    • 8:52
    • Free to Watch
    • Watched
  • Use the Login Flow as the Foundation

    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 to Watch
    • Watched
  • Adding New Modular Components

    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 Only
    • Watched
  • Creating Symbol Variants for Realism

    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 Only
    • Watched
  • Search and Typing States

    Our search screen will be designed with two different states, including pulling in some keyboard symbols from the default iOS template.

    • 9:23
    • Pros Only
    • Watched
  • Message Screen Layout

    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 Only
    • Watched