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. 15+ Best Mobile UI Kits for Android

      15+ Best Mobile UI Kits for Android

      Tutorial Beginner

      Have you ever designed a new mobile app? It could be a complicated and time-consuming task. To relieve you of some of that workload we have selected some of...

    2. How to Implement a “Load More” Button With Vanilla JavaScript

      How to Implement a “Load More” Button With Vanilla JavaScript

      Tutorial Beginner

      In this tutorial, we’ll create a “Load More” button that allows us to display more content on a page when clicked by a user. We’ll use HTML, CSS and vanilla...

    3. JavaScript Form Validation (Practical Tutorial)

      JavaScript Form Validation (Practical Tutorial)

      Tutorial Intermediate

      In this tutorial, we’ll build a simple login form and add front-end validation with vanilla JavaScript. The overarching goal is to provide helpful feedback...

    4. 2 Ways to Build a Scrolling Card UI (Flexbox and CSS Grid)

      2 Ways to Build a Scrolling Card UI (Flexbox and CSS Grid)

      Tutorial Beginner

      In this new tutorial, we'll use modern CSS features like flexbox, CSS Grid Layout, CSS Scroll Snap, and CSS Scrollbars to build an attractive scrolling card...

    5. 15+ Best Landing Page Designs for Figma 2025

      15+ Best Landing Page Designs for Figma 2025

      Tutorial Beginner

      Don't leave your landing page designs to chance. This collection of Figma landing page templates eliminates the guesswork so you can build engaging websites...

    6. 15 Top Schedule Planners in Figma & Adobe XD to Download in 2025

      15 Top Schedule Planners in Figma & Adobe XD to Download in 2025

      Tutorial Beginner

      Create your own schedule planner with a template. Help your clients keep track of their daily schedule with a well designed app or platform.

    7. How to Update UIkit Components

      How to Update UIkit Components

      Tutorial Intermediate

      In previous tutorials, we covered various UIkit components. Today, we'll work with the Sticky and Dropdown ones and learn how to update them. The process...

    8. 10 Tips For Using Colors in UI Design

      10 Tips For Using Colors in UI Design

      Tutorial Beginner

      Let me share 10 practical tips on how to choose colors and use them in your user interface design.

    9. How to Make Wireframes for Web Design in Adobe XD

      How to Make Wireframes for Web Design in Adobe XD

      Tutorial Beginner

      A great web design starts with a well-thought structure. In this tutorial you’ll learn the basics on how to make an Adobe XD wireframe.

    10. 20+ Best Dashboard UI Kits for Figma 2025

      20+ Best Dashboard UI Kits for Figma 2025

      Tutorial Beginner

      Before you attempt to build a dashboard for your new app from scratch, consider starting out with one of these Figma dashboard UI kits. They're sure to save...

    11. 15+ Best Figma Templates for UI and Web Designers

      15+ Best Figma Templates for UI and Web Designers

      Tutorial Beginner

      Before you set out to create a new UI or web design, consider using one of the Figma templates we've sourced here. Each offers something a little different...

    12. How to Implement Pagination with Vanilla JavaScript

      How to Implement Pagination with Vanilla JavaScript

      Tutorial Intermediate

      In this tutorial, we’ll build a fully functional pagination feature for a website using vanilla JavaScript. We’ll break down the logic into simple functions...