Learn Figma

Learn Figma with these hands-on guides. Master collaborative UI/UX design, prototyping, and team workflows with these easy-to-follow Figma tutorials.

Getting started with Figma

  • Introduction To Figma (Free Beginners’ Course)

    Introduction To Figma (Free Beginners’ Course)

    Adi Purdila
  • How to Create a Frosted Glass Effect in Figma

    How to Create a Frosted Glass Effect in Figma

    Adi Purdila
  • All Figma tutorials:

    1. How to Use Figma Variants

      How to Use Figma Variants

      Tutorial Beginner

      Let me show you how to use Figma Variants to save time and organize your work better when designing and working with components.

    2. Create a Shopping Cart Design with Figma Auto Layout

      Create a Shopping Cart Design with Figma Auto Layout

      Tutorial Beginner

      The following steps will teach you about auto layout in Figma, taking a closer look at the new auto layout features while we design a shopping cart UI.

    3. How to Use Figma’s Inspect Panel

      How to Use Figma’s Inspect Panel

      Tutorial Beginner

      We’re going to design a scheduling app in Figma! In doing so we’ll work with Figma’s Inspect panel, explaining how to export a Figma design to code, how to...

    4. Creating a Figma Design System: Buttons, Links, Icons, and Images

      Creating a Figma Design System: Buttons, Links, Icons, and Images

      Tutorial Beginner

      In this tutorial I’m going to show you how to develop a few sections of a design system in Figma, giving you an idea of how to implement your own: buttons,...

    5. Creating a Figma Design System: Colors and Forms

      Creating a Figma Design System: Colors and Forms

      Tutorial Beginner

      In this video tutorial I’m going to show you how to develop two more sections of our design system in Figma, giving you an idea of how to implement your own:...

    6. How to Use the New Figma Auto Layout Features

      How to Use the New Figma Auto Layout Features

      Tutorial Beginner

      In this video I’ll show you how Figma’s new and improved Auto Layout features make designing responsive components and layouts easier than ever!

    7. How to Create a Medical Website Design in Figma

      How to Create a Medical Website Design in Figma

      Tutorial Intermediate

      In the following tutorial you will learn how to create a medical website design in Figma.

    8. How to Turbocharge Your Components with Figma Variants

      How to Turbocharge Your Components with Figma Variants

      Tutorial Intermediate

      In this tutorial you’ll learn how to use variants in Figma. Variants are a relatively new Figma feature; with them you can easily group and organize multiple...

    9. How to Work with Auto Layouts, Components, and Dynamic Content in Figma

      How to Work with Auto Layouts, Components, and Dynamic Content in Figma

      Tutorial Beginner

      Figma can save you a lot of time as a UI designer. In this practical tutorial you will learn how to save time and effort by working with auto layouts and...

    10. Creating a Figma Design System: Typography, Spacing, and Sizing

      Creating a Figma Design System: Typography, Spacing, and Sizing

      Tutorial Beginner

      In this tutorial I’m going to show you how to develop two sections of a design system in Figma, giving you an idea of how to implement your own: typography,...

    11. How to Create Onboard and Login Screens for a Dating App Template in Figma

      How to Create Onboard and Login Screens for a Dating App Template in Figma

      Tutorial Beginner

      In this Figma tutorial you will learn how to create onboard and login screens for a dating app template. Let’s get started!

    12. How to Change Multiple Colors at the Same Time in Figma

      How to Change Multiple Colors at the Same Time in Figma

      Tutorial Beginner

      In this Figma quick tip you’ll learn how to change multiple colors at the same time. This is such a huge timesaver and it’s actually one of my favorite...