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