---
title: "Level Up in Figma: Free Course by Layerpath"
h1: "Figma 101 Course"
description: "Master Figma with this hands-on, 9-lesson course! Learn essential tools, design systems, prototyping, and advanced features like masking and Figma AI. Perfect for designers, marketers, and PMs who want to streamline their design workflow."
route: "/learn/courses/figma"
canonical: "https://www.layerpath.com/learn/courses/figma"
---

# Figma 101 Course

Master the essentials and unlock hidden gems in Figma with 9 focused, hands-on lessons — designed to take you from beginner to confident, workflow-savvy designer.

[Learn Figma for FREE](./figma#lesson1play)

> "I was totally new to Figma, and this course made it so approachable. It explains things step-by-step without overwhelming you. I finished it in a day and now I’m designing like I’ve been using it for months."

## Lesson 1: How to Use Figma

Learn the fundamentals of navigating Figma's interface, working with layers and tools, and setting up your first design — perfect for beginners who want to hit the ground running with confidence.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cmai9kofo00000dl15hdlhbu0/tour

Tour id: cmai9kofo00000dl15hdlhbu0

[Next Lesson](./figma#lesson2play)

## Lesson 2: How to Add Text in Figma

Master the basics of adding, styling, aligning, and managing text in your designs — essential for creating clean UI, headers, buttons, and body content across any layout.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cmai9y23500000dlgcsbp5i33/tour

Tour id: cmai9y23500000dlgcsbp5i33

[Next Lesson](./figma#lesson3play)

## Lesson 3: How to Create a Component in Figma

Turn any element into a reusable component so a single change updates every instance across your file. The foundation of a consistent, maintainable design system.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cmaia5j5e00110dl1gmby1qvy/tour

Tour id: cmaia5j5e00110dl1gmby1qvy

[Next Lesson](./figma#lesson4play)

## Lesson 4: How to Use Auto Layout in Figma

Build frames that resize, space, and align themselves as content changes. Auto layout is how you create responsive buttons, lists, and cards without manual nudging.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cmaia8i3a001l0dl1ey6f5j37/tour

Tour id: cmaia8i3a001l0dl1ey6f5j37

[Next Lesson](./figma#lesson5play)

## Lesson 5: How to Prototype in Figma

Connect your frames with interactions and transitions to build a clickable prototype. Test flows and share a realistic feel for the product before a line of code is written.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cmaib23ug000y0dl43dob30dz/tour

Tour id: cmaib23ug000y0dl43dob30dz

[Next Lesson](./figma#lesson6play)

## Lesson 6: How to Mask in Figma

Use a shape or frame to control exactly what part of an image or layer shows through. Masking is essential for cropping to custom shapes and creating clean, polished visuals.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cmaib9fvt000k0dl18j36ell3/tour

Tour id: cmaib9fvt000k0dl18j36ell3

[Next Lesson](./figma#lesson7play)

## Lesson 7: How to Clip Content in Figma

Keep everything inside a frame's bounds with clip content, so overflowing layers are hidden neatly instead of spilling past the edges. The clean way to contain busy designs.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cmaibehf0001c0dl16nmuhota/tour

Tour id: cmaibehf0001c0dl16nmuhota

[Next Lesson](./figma#lesson8play)

## Lesson 8: How to Export Multiple Frames as One PDF in Figma

Combine several frames into a single, multi-page PDF in one export. Ideal for sharing full flows, decks, and design handoffs without stitching files together.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cmaic0a6200210dl44ce3gz4t/tour

Tour id: cmaic0a6200210dl44ce3gz4t

[Next Lesson](./figma#lesson9play)

## Lesson 9: How to Use Figma AI

Speed up your workflow with Figma AI: generate content, rename layers, search your designs, and automate repetitive tasks so you can focus on the creative work.

### Interactive Layerpath tour

Canonical tour: https://share.layerpath.com/e/cmaic84f8002q0dl41pe118gq/tour

Tour id: cmaic84f8002q0dl41pe118gq

[Explore Layerpath](https://layerpath.com/)