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

    2. Introduction to Figma

      Introduction to Figma

      Course Beginner

      Learn how to use Figma, a powerful tool for user interface design. If you're into UX, UI design, or app design, this Figma tutorial is ideal for you. What...

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

    4. How to Fix Cropped Shadows or Overflowing Elements in Figma

      How to Fix Cropped Shadows or Overflowing Elements in Figma

      Tutorial Beginner

      In this quick tip I’ll show you how to fix cropped shadows and overflowing elements that you sometimes get in Figma.

    5. Essential Figma Shortcuts for Working Efficiently

      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!

    6. How to Create a Frosted Glass Effect in Figma

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

    7. A Quick Guide to Figma’s Image Fill Settings

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

    8. 4 Ways to Resize Elements in Figma

      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!

    9. How to Create High-Fidelity Prototypes With ProtoPie

      How to Create High-Fidelity Prototypes With ProtoPie

      Course Beginner

      Prototypes are key elements in any design process. They allow a designer to present clients with a realistic, interactive version of their project—all...

    10. Jump-Start Your Design Productivity With Figma’s Auto Layout

      Jump-Start Your Design Productivity With Figma’s Auto Layout

      Course Beginner

      In December 2019, Figma announced a new and much-awaited feature: auto layout. With this, it’s now super easy to create buttons that resize with their text,...

    11. Figma vs. Adobe XD in 2020

      Figma vs. Adobe XD in 2020

      Tutorial Beginner

      In this showdown, we’re going to go through a deep and comprehensive comparison of Figma vs. Adobe XD in 2020!

    12. New Course: Advanced Typography Design in Figma

      New Course: Advanced Typography Design in Figma

      Tutorial Beginner

      Figma is perfect for creating great web typography. Learn some amazing new tricks in our latest course, Advanced Typography Design in Figma.