Tools

Learn Figma

1 plan — 6 lessons

Through practical lessons and AI guidance, you’ll build your skills step by step. By the end, you’ll be able to write real code, solve everyday problems, and build practical projects.

Beginner Path7-day sprint
7-day sprint

Go from complete beginner to confident in Figma in 7 days

Through practical lessons and AI guidance, you’ll build your skills step by step. By the end, you’ll be able to write real code, solve everyday problems, and build practical projects.

  • Figma basics and frames
  • Components and variants
  • Auto layout and responsive design
  • +3 more topics
Start plan

What You'll Learn

01Foundation

Figma basics and frames

Learn the UI and create frames for layouts.

setupframesbasics
02Foundation

Components and variants

Build reusable components and variants.

componentsvariantsdesign
03Core

Auto layout and responsive design

Use auto layout to build responsive UI.

auto layoutresponsivelayouts
04Core

Design systems and styles

Define colors, typography, and reusable styles.

design systemsstylestokens
05Core

Prototyping and handoff

Create prototypes and handoff specs for devs.

prototypinghandoffcollaboration
06Challenge

Mini project: UI kit

Build a small UI kit from scratch.

projectui kitpractice

Design with real system thinking

7 days of components, auto layout, design systems, and prototyping — from blank canvas to a polished UI kit.

Start learning

This plan is the best Figma resource I've used. I built our design system the week after finishing.

— Sophie V., UI designer

Browse all courses