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 content:

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

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

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

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

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

    6. Top 5 Figma Plugins for Color Management

      Top 5 Figma Plugins for Color Management

      Tutorial Beginner

      In this post I’m going to take you through what I think are the top 5 color management plugins for Figma.

    7. Advanced Typography Design in Figma

      Advanced Typography Design in Figma

      Course Beginner

      This course is the second in a two-part series on designing web typography using the Figma UI design tool. In the last course (Web Typography Basics in...

    8. 6 Figma Plugins to Give You Design Superpowers (And How to Use Them)

      6 Figma Plugins to Give You Design Superpowers (And How to Use Them)

      Tutorial Beginner

      Here’s how to use Figma plugins to make your design tool work even better for you, whether that means using real content and images or automating repetitive...

    9. New Course: Web Typography Basics in Figma

      New Course: Web Typography Basics in Figma

      Tutorial Beginner

      Brush up your web typography skills in our new course, Web Typography Basics in Figma. You’ll implement an extensive repertoire of typographic principles as...

    10. Web Typography Basics in Figma

      Web Typography Basics in Figma

      Course Beginner

      In this course you’ll learn how to design web typography for a website using Figma. Throughout the coming lessons you’ll implement an extensive repertoire of...

    11. Animate an Icon With SVGator, Figma and Envato Elements

      Animate an Icon With SVGator, Figma and Envato Elements

      Tutorial Intermediate

      In this tutorial we’ll be taking an SVG based icon from Envato Elements, doing some preparatory modifications in Figma, then animating it using SVGator....

    12. New Course: Figma Grids in Under 30 Minutes

      New Course: Figma Grids in Under 30 Minutes

      Tutorial Beginner

      Grids are essential web design tools, and in our new course, Figma Grids in Under 30 Minutes, you'll get a clear introduction to the best ways of using them.