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
    1. 15+ Best Figma Design System Templates 2023

      15+ Best Figma Design System Templates 2023

      Tutorial Beginner

      Using Figma design system templates helps you save time on your projects. Here, we've collected some of our favorite premium design system Figma examples...

    2. Dark Patterns vs. Nudging in UX Design

      Dark Patterns vs. Nudging in UX Design

      Tutorial Beginner

      In this article, we dive into the world of dark patterns and nudging in UX design, examining their impact on user behaviour and the ethical questions they...

    3. 12+ Figma UI Kits for Building Music Streaming Services

      12+ Figma UI Kits for Building Music Streaming Services

      Tutorial Beginner

      Let’s explore some of the best Figma UI kits for designing music streaming services and learn about essential features your app needs for an exceptional user...

    4. How to Install and Use Figma Plugins

      How to Install and Use Figma Plugins

      Tutorial Beginner

      Working with Figma plugins can enhance your design workflow. In this tutorial I’ll show you how to easily install and use different kinds of Figma plugins.

    5. Free Figma UI Kit: Personal Banking App

      Free Figma UI Kit: Personal Banking App

      Tutorial Beginner

      Download this free Figma UI Kit for a personal banking app. It includes 15 page layouts, dark and light mode variants, and a design system containing all the...

    6. How To Build a Simple Carousel With Vanilla JavaScript (14 Lines of Code!)

      How To Build a Simple Carousel With Vanilla JavaScript (14 Lines of Code!)

      Tutorial Beginner

      In this tutorial, we’ll build a simple carousel or slider using less than 15 lines of vanilla JavaScript.

    7. Handle Design Projects Like a Pro with a Client Onboarding Process

      Handle Design Projects Like a Pro with a Client Onboarding Process

      Tutorial Beginner

      The onboarding process takes place after you’ve vetted a prospect and before you begin working on a new project. In this post, we’ll cover the 6 steps to...

    8. 6 Figma Mockup Plugins for Designers

      6 Figma Mockup Plugins for Designers

      Tutorial Beginner

      Plugins are a great tool to save time and even automate some design tasks. In this article we'll look at the six of the best Figma plugins for mockups.

    9. 14 Quiz, Survey, and Contest Graphic Templates for Engaging Users

      14 Quiz, Survey, and Contest Graphic Templates for Engaging Users

      Tutorial Beginner

      You can save a lot of time boosting user engagement by using quizzes, surveys, and contests. And we've put together a list of some of our favorite graphic...

    10. 15 Figma Wireframe Templates for Online Education Platforms

      15 Figma Wireframe Templates for Online Education Platforms

      Tutorial Beginner

      Before creating an online education platform from scratch, consider these Figma wireframe templates for the job. We’ve collected some of the best to get you...

    11. How to Ensure Your WordPress Website Is ADA Compliant

      How to Ensure Your WordPress Website Is ADA Compliant

      Tutorial Beginner

      Are you struggling to ensure that your WordPress website is accessible to all? Are you unsure how to make your WordPress website ADA compliant? Learn how in...

    12. AI-Enhanced Typography: How Machine Learning is Transforming the Art of Web Typography

      AI-Enhanced Typography: How Machine Learning is Transforming the Art of Web Typography

      Tutorial Beginner

      We’re exploring how AI and machine learning are revolutionizing web typography through font pairing, layout optimization, accessibility, and personalized...