Topic  

Sketch

Sketch is built for modern graphic designers, and it shows in every fibre of the app.

There are 7 Sketch courses.

  • by Chris Slowik

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

  • by Chris Slowik

    Launchpad is a plugin for Sketch that promises functional websites from Sketch designs without ever having to touch the code. Learn the ins ...

  • by Ray Sensenbach

    Becoming a power user is all about knowing the tiny ins and outs of the interface. You'll become a better designer through deep knowledge of...

  • by Chris Slowik

    Sketch is universal in standard UI design, but it's just as capable of designing game UI as well. This course will hit the fundamentals of d...

  • by Chris Slowik

    In this mini course we'll be exploring some ideas relating to how to build a design system. Sketch is the tool because it allows us to build...

  • Sketch to AE

    2 Episodes
    by Chris Slowik

    The workflow from Sketch to After Effects can seem like a chain of imports and cleaning up. But there's a better way. Shift your thinking us...

  • by Chris Slowik

    Sketch is widely used for UI design, but it's easy to overlook some of these indispensable tricks. Symbols, styles, and grids...find out how...

There are 35 Sketch episodes.

  • Build a Loading Icon with Rotate Copies

    Build a Loading Icon with Rotate Copies

    Build a Loading Icon with Rotate Copies
    • 4:08
    • Free
    The Rotate Copies tool in Sketch is hugely useful for making anything involving copies that aren't in a grid. Today we'll see how it works by making a loading icon.
    • 4:08
    • Free
  • Improved Text Alignment and Sharing in Sketch

    Improved Text Alignment and Sharing in Sketch

    Improved Text Alignment and Sharing in Sketch
    • 3:17
    • Free
    The latest version of Sketch adds support for measuring text in different and useful ways, as well as some new sync and sharing features. Check out the details here.
    • 3:17
    • 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
FirstLast