Figma Design for Beginners (Figma)
By Figma
- Course audio
- Course audio: English
- Level
- Beginner
- Length
- 18 lessons · 3 hours
What you'll be able to do
- Navigate Figma files and set up frames and sections
- Build buttons, cards and navigation with components and auto layout
- Design and prototype a multi-page portfolio site
About this course
Figma's own beginner course: 13 numbered lessons plus short advocate sidebars, about 3 hours. You build a real portfolio website from scratch while learning the tool. It covers setting up an account, navigating design files, creating a landing page hero and a case study page, sections, groups and frames, buttons, component fundamentals, a card and container system, auto layout, a navigation bar and footer, a skills list, assembling the pages, and adding prototype connections. Because it comes from the makers of Figma, it uses the current interface and recommended practices. A clean start for Pakistani students who want a portfolio and a first UI design project.
Before you start: A free Figma account
Syllabus
18 lessons · 3:02:36 in total
- 1Course overview: Figma Design for beginners [1 of 13]2:16
- 2Set up your Figma account: Figma Design for beginners [2 of 13]3:54
- 3Figma Design for beginners: Advocate sidebar — Kaitie and Lauren talk portfolios2:44
- 4Navigate Figma Design files: Figma Design for beginners [3 of 13]8:48
- 5Create the landing page hero: Figma Design for beginners [4 of 13]19:08
- 6Figma Design for beginners: Advocate sidebar — Portfolio personalization3:20
- 7Create the case study page: Figma Design for beginners [5 of 13]19:10
- 8Figma Design for beginners: Advocate Sidebar — Sections, groups, and frames4:23
- 9Create the button: Figma Design for beginners [6 of 13]10:23
- 10Components fundamentals: Figma Design for beginners [7 of 13]5:07
- 11Create the card and container system: Figma Design for beginners [8 of 13]18:20
- 12Figma Design for beginners: Advocate sidebar — Auto layout8:30
- 13Create the navigation bar and footer: Figma design for beginners [9 of 13]13:43
- 14Create the skills list: Figma Design for beginners [10 of 13]22:41
- 15Assemble the portfolio pages: Figma Design for beginners [11 of 13]12:27
- 16Add prototype connections: Figma Design for beginners [12 of 13]24:07
- 17Course wrap up: Figma Design for beginners [13 of 13]1:24
- 18Figma Design for beginners: Advocate sidebars — What's next?2:11
What to take next
Videos by Figma, 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 listed from the official YouTube playlist. Full playlist on YouTube
Lessons last checked Oct 2026. Course summary and lesson structure by Sabaq.
Report a problem or a rights request