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

    1. Maximalist Design Trend: What to Know for 2024

      Maximalist Design Trend: What to Know for 2024

      Tutorial Beginner

      Maximalism isn’t new but it's having a new lease of life in 2024. Let’s take a look at how it’s being used and what you can do with the trend.

    2. 4 Ways You Can Test Your Design System in Figma

      4 Ways You Can Test Your Design System in Figma

      Tutorial Beginner

      Consistency is key for a successful UX design system. Learn about different ways to test your design system in Figma.

    3. Exploring the Kinetic Web Typography Trend in 2024

      Exploring the Kinetic Web Typography Trend in 2024

      Tutorial Beginner

      Kinetic typography is experiencing a resurgence in 2024. But how are these designs created? And is it a trend worth exploring? We uncover the details here.

    4. 20+ Best Figma Wireframe UI Kits and Templates

      20+ Best Figma Wireframe UI Kits and Templates

      Tutorial Beginner

      Who says you need to design a new website or app all on your own? A great Figma wireframe UI kit and template can be a huge help! Here, you'll find premium...

    5. How to Handle Negative Feedback from Design Clients

      How to Handle Negative Feedback from Design Clients

      Tutorial Beginner

      What do you do when a client unexpectedly dislikes what you've designed for them? This post will give you some tips on how to stay cool, calm, and confident...

    6. Notion for Web Designers

      Notion for Web Designers

      Tutorial Beginner

      Notion is a productivity tool that makes it simple to keep track of all project management tasks in one place. Let’s look at how web designers can make use...

    7. 15+ Best Figma Templates for Web Designers

      15+ Best Figma Templates for Web Designers

      Tutorial Beginner

      Read on for my pick of 15+ of the best Figma templates for web designers. There are Figma templates for every need, from designs for activists and bankers to...

    8. 20 Adobe XD UI Kits for Your Next Project

      20 Adobe XD UI Kits for Your Next Project

      Tutorial Beginner

      Designing interfaces is a lot of hard work. Working on all the little components from scratch can take up a lot of your time that you could have been...

    9. 15+ Best Figma Mobile App Templates

      15+ Best Figma Mobile App Templates

      Tutorial Beginner

      Don’t start from scratch to create a new app design when there are Figma templates around. We've collected several Figma mobile app templates here that span...

    10. Design System vs. Style Guide: What’s the Difference?

      Design System vs. Style Guide: What’s the Difference?

      Tutorial Beginner

      Most digital products you design would benefit from having an official set of UI guidelines. But which should you use to document these guidelines: a design...

    11. The Best Free Figma Resources: Templates, Icons, UI Kits, and More

      The Best Free Figma Resources: Templates, Icons, UI Kits, and More

      Tutorial Beginner

      To give themselves (and others) a productivity boost, brands and designers across the industry have curated a ton of Figma resources—here are some of the...

    12. 8 Golden Rules for Better Interface Design

      8 Golden Rules for Better Interface Design

      Tutorial Beginner

      Learn how to apply the golden rules for a user interface design that works for site visitors and customers, alike.