Learn UI Design

Learn the fundamentals of UI Design, including how to create beautiful visual design, design systems, and Gestalt principles.

Browse online UI courses

Figma tutorials

Figma Certificate

In this series of free Figma tutorials, we will be learning this ins and outs of designing in Figma.

27:59

Get started with Figma

Setting up your colour and typography styles, an intro to components, using vectors and more!

24:06

Intermediate Figma

Learn about setting up grids, the powerful Auto Layout, some accessibility tips and plugins and more!

22:31

Prototyping and Handover

Learn how to create interactive prototypes for testing, as well as learning about getting your work ready for handover.

18:24

Tips and Tricks

A collection of tips, tricks, and shortcuts to help speed up your workflow and make the most out of what Figma has to offer.

UX tutorials in your pocket

Join the 100,000 people learning UX on the go by downloading our app. Become familiar with a design laws and principles, and learn how to implement them in your designs.

A guide to colour theory and gradients

Here are some tips and tricks I use to help me nail colour palettes and achieve beautiful gradients.

Watch now

Sourdough web design starter kit

Sourdough is the Figma starter file which makes it easier to rapidly design beautiful, responsive website landing pages.

Learn more

Gestalt principles in UI Design

Gestalt principles help us design intentionally in order to build relationships between elements on a page.

Creating an accessible UI

Accessibility in design allows your product to be usable, nagivatable and understandable by as many people as possible.

5 tips for perfect typography

Here are our top 5 tips for perfect typography which is beautiful, scannable, and accessible.

Beautiful drop shadows

Learn how to get the perfect drop shadows and get them looking beautiful in your UI designs.