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.

All UI Design content:

Filters

UI Design

Essential Figma Shortcuts for Working Efficiently

Tutorial • Beginner

These essential Figma shortcuts will increase your productivity and allow you to work more efficiently. Let’s stop wasting time and jump right in!

Adi Purdila • 31 Jul 2020
UI Design

How to Create a Frosted Glass Effect in Figma

Tutorial • Beginner

In this quick tip you’ll learn how to create a frosted glass effect in Figma. This is a really popular effect and it’s actually extremely easy (just a couple...

Adi Purdila • 29 Jul 2020
UI Design

A Quick Guide to Figma’s Image Fill Settings

Tutorial • Beginner

In this tutorial you’ll learn all about Figma’s image fill settings. There are 4 in total, and each one allows you to manipulate an object’s image fill...

Adi Purdila • 21 Jul 2020
UI Design

4 Ways to Resize Elements in Figma

Tutorial • Beginner

In this quick tip I’ll show you 4 ways you can resize elements in Figma, in case the default method doesn’t behave as you expect it to. Let’s begin!

Adi Purdila • 17 Jul 2020
UI Design

How to Create a Resume CV Website Template in Adobe XD

Tutorial • Intermediate

In this Adobe XD tutorial you will learn how to create a resume web page design using a resume website template. You’ll also learn how to easily animate...

Andrei Marius • 12 May 2020
UI Design

Handy JavaScript Plugins for Web Designers

Course • Beginner

You can add great functionality to a website by using JavaScript, but sometimes writing the necessary code can be time-consuming, especially for more complex...

Adi Purdila • 8 May 2020
UI Design

How to Create a Finance App UI Design in Adobe XD

Tutorial • Beginner

In this tutorial you will learn how to create a finance app design in Adobe XD, and (more importantly) how to easily animate parts of its UI.

Andrei Marius • 23 Apr 2020
UI Design

How to Create a Music Player App UI Design in Adobe XD

Tutorial • Intermediate

In this step-by-step tutorial you will learn how to create a music player UI design in Adobe XD, from sketch to the final product.

Andrei Marius • 30 Mar 2020
Prototyping

How to Create a Hotel Booking UI Design in Adobe XD

Tutorial • Intermediate

In this tutorial you will learn how to create a hotel booking app design in Adobe XD. Being Adobe XD we’ll be able to build much more than just a static...

Andrei Marius • 16 Mar 2020
UI Design

The Ultimate Guide to Slider Revolution

Course • Beginner

Learn how to use Slider Revolution in our comprehensive guide. With beginner to advanced lessons included, it's the only Slider Revolution tutorial you'll...

Kezz Bracey • 6 Mar 2020
UI Design

How to Design a Car App Design UI in Sketch

Tutorial • Intermediate

In this Sketch tutorial you will learn how to design a car app UI. You will learn how to create a basic navigation bar, how to save and use symbols, and how...

Andrei Marius • 17 Feb 2020
UI Design

How to Design a Food Ordering iPad App UI in Sketch

Tutorial • Intermediate

In this Sketch tutorial you will learn how to design a food ordering app UI. To begin with you will learn how to create the starting components of any food...

Andrei Marius • 12 Feb 2020