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.
Read moreRead less
All content
Courses
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. New Course: Figma to HTML

      New Course: Figma to HTML

      Tutorial • Beginner

      In our new course, Figma to HTML: Code Up a Single-Page Design, you'll master Figma by going through the process of converting a Figma website design to HTML.

    2. Create an Animated SVG Logo for International Women’s Day 2019

      Create an Animated SVG Logo for International Women’s Day 2019

      Tutorial • Beginner

      To mark International Women's Day 2019 we’ll be creating an animated SVG version of the event’s logo you can use along with this year’s hashtag...

    3. Which of Figma’s Pricing Tiers is Right for You?

      Which of Figma’s Pricing Tiers is Right for You?

      Tutorial • Beginner

      Figma is a free-to-use design application, but it also offers added features for paying subscribers. Let’s take a look at the differences between Figma’s...

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

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

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

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

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

    9. New Course: Using Figma for SVG Design

      New Course: Using Figma for SVG Design

      Tutorial • Beginner

      In our new short course, Using Figma for SVG Design, you’ll learn how to use Figma for vector editing with SVG in mind, and how to generate SVGs that...

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

    11. Figma Vector Tips

      Figma Vector Tips

      Tutorial • Beginner

      Vectors are an important part of any UI or prototyping design application, and Figma has its own powerful set of vector tools. Here are some quick tips and...

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

    Related Categories

    CSS
    HTML/CSS
    UI Design
    Sketch
    Unlimited Downloads
    From $16.50/month
    Get access to over one million creative assets on Envato.
    Over 9 Million Digital Assets
    Everything you need for your next creative project.
    Create Beautiful Logos, Designs
    & Mockups in Seconds
    Design like a professional without Photoshop.
    Join the Community
    Share ideas. Host meetups. Lead discussions. Collaborate.