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 content:

    1. Understanding the Qualities and Characteristics of Color

      Understanding the Qualities and Characteristics of Color

      Tutorial Beginner

      Moving on from our previous article on defining and recognizing colors, let's now explore the qualities and characteristics of colors.

    2. How to Organize Figma Files Like a Pro

      How to Organize Figma Files Like a Pro

      Tutorial Beginner

      Not sure how to organize Figma files? Let's go over five tips and tricks you can easily apply in your design projects.

    3. What’s the Wide Fonts Trend in Web Design?

      What’s the Wide Fonts Trend in Web Design?

      Tutorial Beginner

      Join us as we discuss the wide type or wide fonts trend in web design, highlighting its resurgence, connection with neubrutalism, and showcase plenty of...

    4. Typographic Readability and Legibility

      Typographic Readability and Legibility

      Tutorial Beginner

      What is readability vs. legibility, and why are they important? You might be considering font readability, or whether or not serif vs. sans serif readability...

    5. How to Set a Business Budget as a Web Design Freelancer

      How to Set a Business Budget as a Web Design Freelancer

      Tutorial Beginner

      In this post, we’re going to talk about why it’s crucial to have a budget as a web professional and then discuss some strategies and tips for building a...

    6. How a Figma Course Could Elevate Your Design Skills in 2025

      How a Figma Course Could Elevate Your Design Skills in 2025

      Tutorial Beginner

      Dive into this article to discover the potential of Figma courses and get recommendations to get started.

    7. Understanding Typographic Hierarchy

      Understanding Typographic Hierarchy

      Tutorial Beginner

      What is hierarchy in typography, and how does it work? In this article, we'll explain type hierarchy and look at some examples to make it clear.

    8. Best Adobe XD Templates for Web Designers

      Best Adobe XD Templates for Web Designers

      Tutorial Beginner

      A premium Adobe XD template allows you to create a website for your business or personal project. Here, you'll find a premium selection from Envato Elements....

    9. What the Heck’s the Bento Box Website Trend All About?

      What the Heck’s the Bento Box Website Trend All About?

      Tutorial Beginner

      And no it's not just for food websites... Feast your eyes on our favorite bento box website templates 🍱

    10. What is Creativity?

      What is Creativity?

      Tutorial Beginner

      Some people seem to learn a language effortlessly, others seem to be highly talented when it comes to sport. It's also possible for people to succeed at...

    11. Why You Should Use a Web Design Contract (Plus What to Include In It)

      Why You Should Use a Web Design Contract (Plus What to Include In It)

      Tutorial Beginner

      Everyone from a freelance web designer to a bustling digital agency would benefit from using a web design contract. In this post, we'll look at 14 items you...

    12. Learn Figma Auto Layout in 30 Minutes | FREE COURSE

      Learn Figma Auto Layout in 30 Minutes | FREE COURSE

      Course Beginner

      If you’re going to use Figma for UI design, you need to learn Auto Layout—it will make your life as a designer ten times easier! Learn how to use Auto Layout...