Learn UI Design

Dive into the art of UI design. Read these tutorials to master color theory, layout, typography, and more. Create stunning user interfaces that delight users.
  1. 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.

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

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

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

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

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

  7. 15+ Essential UI Kits for Health & Fitness Web Applications

    15+ Essential UI Kits for Health & Fitness Web Applications

    Tutorial Beginner

    Building a health or fitness app? Check out this collection of fitness and health UI kits we’ve rounded up, all of which can help create a professional look...

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

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

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

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

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