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. Quick Tip: How to Use Adobe Illustrator Files in Figma

      Quick Tip: How to Use Adobe Illustrator Files in Figma

      Tutorial Beginner

      In this quick tip I’m going to show you how to get an Adobe Illustrator file into Figma, without needing Adobe Illustrator.

    2. Collaborative Interface Design With Figma

      Collaborative Interface Design With Figma

      Tutorial Beginner

      In this article you’ll see for yourself why teams are taking such an interest in Figma, as we step you through how you can take advantage of its full gamut...

    3. Figma General and Miscellaneous Tips

      Figma General and Miscellaneous Tips

      Tutorial Beginner

      To wrap up our series of Figma tips and tricks, here are three quick tips which fall into the “miscellaneous” category.

    4. Figma Handoff and Testing Tips

      Figma Handoff and Testing Tips

      Tutorial Beginner

      Smooth collaboration with developers is a huge part of what Figma offers designers, so in this collection of tips and tricks we’ll be looking at handoff and...

    5. Figma Layout Tips

      Figma Layout Tips

      Tutorial Beginner

      When working with layouts in Figma (which will be often) you’ll need to be comfortable with resizing, measurements, spacing, alignment, and masking. Here are...

    6. Figma Component Tips

      Figma Component Tips

      Tutorial Beginner

      Figma allows us to design with components; repeatable objects which behave according to sets of rules which we define. Let’s run through some tips and tricks...

    7. Figma Image Tips

      Figma Image Tips

      Tutorial Beginner

      Figma offers a range of shortcuts and controls for importing images, placing them on the canvas, and modifying them once they’re in position. Let’s take a look!

    8. Figma Properties Tips

      Figma Properties Tips

      Tutorial Beginner

      Objects in Figma can have a range of properties applied to them. In this part of our Figma tips and tricks series we’ll look at ways to work with properties,...

    9. Best-Selling UX and UI Kits for Sketch, Photoshop, Illustrator, XD, and Figma

      Best-Selling UX and UI Kits for Sketch, Photoshop, Illustrator, XD, and Figma

      Tutorial Beginner

      UX and UI Kits help designers in all kinds of ways, and at different stages in the design process. In this roundup I’ll show you some of the best-selling UX...

    10. Figma Project, Page & Artboard Tips

      Figma Project, Page & Artboard Tips

      Tutorial Beginner

      Welcome to the next in our series of Figma tips and tricks! This time we’ll be improving the way you work with Figma projects, pages, and artboards.

    11. Figma Frame Tips

      Figma Frame Tips

      Tutorial Beginner

      Frames allow you to combine layers together under a single parent. Unlike groups, frames in Figma have explicitly set dimensions (much like an HTML iframe)....

    12. Figma On Canvas Tips

      Figma On Canvas Tips

      Tutorial Beginner

      Welcome to more Figma tips and tricks! This time we’ll be looking at five things to help you when you’re working directly on Figma’s canvas.