Learn UX/UI

Try these UX and UI tutorials to learn the principles of user-centered design, prototyping, and wireframing. Learn to craft beautiful and intuitive user interfaces.

Getting started with UX/UI

  • 8 Usability Heuristics (Explained With Toasters)

    8 Usability Heuristics (Explained With Toasters)

    Maddy Beard
  • What is Information Architecture? (UX Tips and Examples)

    What is Information Architecture? (UX Tips and Examples)

    Andrea Eppy
  • All UX/UI courses:

    1. A Beginner’s Guide to Using Typographic Scales

      A Beginner’s Guide to Using Typographic Scales

      Course Beginner

      Using a typographic scale is essential for creating balanced and harmonious font sizing for your project. Typographic scales are used in print, web design,...

    2. Responsive Design in Adobe XD

      Responsive Design in Adobe XD

      Course Beginner

      XD is Adobe’s contribution to the world of design mockup software. In Adobe XD, as with any concept design tool, it’s important to illustrate how your...

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

    4. A Guide to Prototyping in Figma

      A Guide to Prototyping in Figma

      Course Beginner

      Figma is a great tool for UI design, and among its greatest strengths are its prototyping features. In this short course, you’ll learn how to prototype with...

    5. Beyond the Basics: Figma

      Beyond the Basics: Figma

      Course Intermediate

      Figma is quickly becoming a favorite tool for UI and UX designers worldwide, many of them coming over from Sketch and Adobe XD. Figma is a super powerful and...

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

    7. Up and Running With Variable Fonts

      Up and Running With Variable Fonts

      Course Beginner

      Variable fonts are the next big thing in web typography. They allow for more creativity and design freedom than web designers have ever had with type before....

    8. 15 Time-Saving Shortcuts for Adobe XD

      15 Time-Saving Shortcuts for Adobe XD

      Course Beginner

      In this course, we’re going to cover 15 time-saving shortcuts and tips to help improve your workflow in Adobe XD. We’ll look at things such as floating...

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

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

    11. Form Validation With Parsley

      Form Validation With Parsley

      Course Intermediate

      Form validation can be a tedious process if you opt to do it all yourself. Fortunately for us, however, we don’t have to. In this course, Craig Campbell will...

    12. Quick jQuery Projects for Web Designers

      Quick jQuery Projects for Web Designers

      Course Intermediate

      jQuery gives us the ability to manipulate the DOM and create effective, memorable interactions for end users. In this course, you will learn some simple,...