Learn UI Design

Dive into the art of UI design. Read these tutorials to master color theory, layout, typography, and more. Create stunning user interfaces that delight users.

All UI Design courses:

  1. Create a Themeable Site Design in Figma

    Create a Themeable Site Design in Figma

    Course Beginner

    Figma is a superb vector-based tool for interface design. As part of its suite of functionality it includes a “styles” system, whereby various colors,...

  2. Customize a Template With VisBug

    Customize a Template With VisBug

    Course Beginner

    VisBug is a browser extension for Chrome that allows you to make point-and-click changes to the look of any website, all from within the browser. In this...

  3. VisBug Quick Start

    VisBug Quick Start

    Course Beginner

    Project VisBug is a new extension for Chrome (and soon Firefox) that allows you to make almost any change to a site’s visuals you need to, all within the...

  4. Essential JS Libraries for UI (User Interfaces)

    Essential JS Libraries for UI (User Interfaces)

    Course Intermediate

    In this short course, you’ll be introduced to a number of lightweight JavaScript plugins that are designed to solve common user interface problems. You will...

  5. Design a Corporate Website Using UI Kits in Sketch

    Design a Corporate Website Using UI Kits in Sketch

    Course Beginner

    When it comes to web design, a UI kit is a fast and easy method of quickly designing a website or app. It’s simply a matter of picking the elements you want,...

  6. Best Practices: Planning & Designing Pricing Tables

    Best Practices: Planning & Designing Pricing Tables

    Course Beginner

    Pricing tables are essential elements in any website that sells a range of products or services. If done correctly, they can increase conversion rates. If...

  7. Landing Page Design With Adobe XD

    Landing Page Design With Adobe XD

    Course Beginner

    Learn how to wireframe and design a landing page from start to finish, all within Adobe XD. We’ll be covering each of the steps involved, as well as looking...

  8. Form Elements With jQuery UI

    Form Elements With jQuery UI

    Course Intermediate

    jQuery UI is an extension of jQuery which makes it easy to create clean user interface elements for your websites. In this short course, you will learn how...

  9. Learn Cycle2 for jQuery From Top to Bottom

    Learn Cycle2 for jQuery From Top to Bottom

    Course Intermediate

    As web designers, we often need some sort of slider or slideshow in our projects. And then begins the quest for finding the one that has the features we want...

  10. Mobile UI Design for Beginners

    Mobile UI Design for Beginners

    Course Beginner

    This course provides an introduction to designing mobile interfaces. If you’re new to UI design, or creating your first app, it should be a great place to...

  11. Switching From Photoshop to Sketch

    Switching From Photoshop to Sketch

    Course Beginner

    In this Coffee Break Course, designed to teach a new skill or concept in a single sitting, you’ll get all the information you need if you’re planning to...

  12. Workshop Your Way Through the Web Design Process

    Workshop Your Way Through the Web Design Process

    Course Intermediate

    Good design isn’t created in a vacuum. It happens based on information about brand, user needs and business requirements. But extracting this kind of...