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. How to Prepare and Use an Affinity Diagram

      How to Prepare and Use an Affinity Diagram

      Tutorial Beginner

      “Affinity diagrams” are a UX designer’s tool, used to capture and synthesise qualitative data. This tutorial will look at preparation, recruitment, building...

    2. Using Neumorphism in UI Design? Keep it Accessible

      Using Neumorphism in UI Design? Keep it Accessible

      Tutorial Beginner

      Creating a neumorphism UI could make for an interesting look for your website or app. But how should you go about it? Let’s explore.

    3. 10+ Prototyping Templates for VR/AR Experiences

      10+ Prototyping Templates for VR/AR Experiences

      Tutorial Beginner

      Whether you’re building a VR or AR app or a website to discuss your latest technology, we’ve got a VR/AR prototype template on hand to help get you started.

    4. 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 🍱

    5. I Style My ALT Text (and You Should Too)

      I Style My ALT Text (and You Should Too)

      Tutorial Beginner

      The alt attribute within an image tag provides alternative content for users who can't download images, or who have images turned off. But have you ever...

    6. 6 Figma Animation Plugins Every Designer Should Know

      6 Figma Animation Plugins Every Designer Should Know

      Tutorial Beginner

      Figma plugins are a great way to expand your design capabilities. We’ll look at six of the best Figma plugins for animations you can try out today! 

    7. My Client Offboarding Process [Checklist Included]

      My Client Offboarding Process [Checklist Included]

      Tutorial Beginner

      People have a tendency to remember the first and last items in a sequence more strongly than all the rest. A client offboarding process will solidify that...

    8. 15+ Figma Social Media App UI Kits for Engaging Social Network Designs

      15+ Figma Social Media App UI Kits for Engaging Social Network Designs

      Tutorial Beginner

      Building your own social network is no small task. And there are many factors to consider, from design choices to how often the feed refreshes. But mixed...

    9. 15+ Best Neumorphism Design Mobile Template UI Kits

      15+ Best Neumorphism Design Mobile Template UI Kits

      Tutorial Beginner

      Creating a mobile design that embraces neumorphism doesn’t have to be a challenge. This collection of eye-catching neurmorphism mobile template UI kits is...

    10. 31+ Best Responsive WordPress Themes (For Sites in 2023)

      31+ Best Responsive WordPress Themes (For Sites in 2023)

      Tutorial Beginner

      It almost goes without saying these days, but you need a responsive website for 2023. Here, we’ll show you some of the best WordPress themes with flawless...

    11. I Serve Different Hero Images Across Various Screens With CSS Variables

      I Serve Different Hero Images Across Various Screens With CSS Variables

      Tutorial Beginner

      In this short tutorial, I’ll show you a neat way to serve different hero images across various screens with the help of CSS variables.

    12. 15+ Figma Portfolio Templates for Crafting Stunning Photography Portfolios

      15+ Figma Portfolio Templates for Crafting Stunning Photography Portfolios

      Tutorial Beginner

      Making a standout photography portfolio doesn’t have to be a struggle—these Figma portfolio templates will highlight your work with minimal effort.