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 Your First Figma Plugin

    Create Your First Figma Plugin

    Course Intermediate

    Figma is one of the most popular UI/UX design tools out there, and one of its greatest selling points is third-party plugins. These allow users to extend the...

  2. Advanced Adobe XD for Everyone

    Advanced Adobe XD for Everyone

    Course Advanced

    Adobe XD is a great tool for UI design that anyone can use, regardless of their skill level. In this Adobe XD tutorial, we’ll be focusing on its more...

  3. Adobe XD for Beginners

    Adobe XD for Beginners

    Course Beginner

    Want to learn how to use Adobe XD? Join Adi Purdila for this comprehensive Adobe XD tutorial, and learn about artboards, components, responsive design, and...

  4. Introduction to Figma

    Introduction to Figma

    Course Beginner

    Learn how to use Figma, a powerful tool for user interface design. If you're into UX, UI design, or app design, this Figma tutorial is ideal for you. What...

  5. Handy JavaScript Plugins for Web Designers

    Handy JavaScript Plugins for Web Designers

    Course Beginner

    You can add great functionality to a website by using JavaScript, but sometimes writing the necessary code can be time-consuming, especially for more complex...

  6. The Ultimate Guide to Slider Revolution

    The Ultimate Guide to Slider Revolution

    Course Beginner

    Learn how to use Slider Revolution in our comprehensive guide. With beginner to advanced lessons included, it's the only Slider Revolution tutorial you'll...

  7. Sketch for Beginners

    Sketch for Beginners

    Course Beginner

    Sketch is one of the top apps professionals use for UI and icon design. This Sketch tutorial for beginners is a great way to learn Sketch from the ground up....

  8. Jump-Start Your Design Productivity With Figma’s Auto Layout

    Jump-Start Your Design Productivity With Figma’s Auto Layout

    Course Beginner

    In December 2019, Figma announced a new and much-awaited feature: auto layout. With this, it’s now super easy to create buttons that resize with their text,...

  9. UI Design: A Practical Guide to Tabs

    UI Design: A Practical Guide to Tabs

    Course Beginner

    Tabs represent a fundamental pattern for user interfaces. They’ve been around for a long time, and while they come in all shapes and sizes, their core...

  10. Introduction to Mason

    Introduction to Mason

    Course Beginner

    Mason is an excellent tool for creating front-end features like forms, cards, news feeds, and more. You can choose from predefined templates or create your...

  11. Figma Grids in Under 30 Minutes

    Figma Grids in Under 30 Minutes

    Course Beginner

    Figma is a superb tool for UI design, and one of the things it’s really good at is creating grids. Using a grid is a vital part of many design projects, so...

  12. Best Practices for Displaying Form Errors

    Best Practices for Displaying Form Errors

    Course Beginner

    Submitting forms doesn’t always go as planned. Users might not enter information in the expected format, or they might forget to enter all the necessary...