Figma for Web Design (freeCodeCamp)
- Course audio
- Course audio: English
- Level
- Beginner
- Length
- 12 lessons · 3.2 hours
What you'll be able to do
- Find your way around Figma's panels and tools
- Use auto layout, grids, constraints and components
- Design a desktop page and its mobile version
About this course
A three-hour Figma course from freeCodeCamp, split into 12 lessons. It sets up Figma, tours the left, top and right panels, and teaches the text tool, prototyping, auto layout, layout grids, constraints and components. It finishes by designing a full desktop page and its mobile version. A practical first course for anyone heading into UI design or web development who wants to design a site before building it.
Syllabus
12 lessons · 3:14:27 in total
What to take next
Videos by freeCodeCamp.org, played from their official YouTube channel. Subscribe on YouTube
Official upload by the teacher or institution on their own channel, shown with YouTube's embedded player.
Lessons last checked Oct 2026. Course summary and lesson structure by Sabaq.
Report a problem or a rights request