Figma Design for Beginners: Free Course

About this course

Build a portfolio design while learning the essentials of Figma Design in this free beginner course. All thirteen numbered teaching lessons and all five advocate sidebars are preserved. The sequence follows a practical project from file navigation and page structure to components, reusable layouts, assembled pages and prototype connections.

Course at a glance

What you’ll learn

• Navigate design files and organize portfolio pages using frames and related tools.
• Build a hero, case-study page, button, navigation and skills list.
• Use components and reusable card and container systems to maintain consistency.
• Connect portfolio screens into a prototype and review the overall experience.

Skills you’ll gain

• Figma Design
• Frames and structure
• Components
• Auto layout
• Portfolio design
• Prototyping

Course Overview

The course uses a portfolio as a continuous design task, so individual features have a visible purpose. A hero and case-study page establish content and hierarchy before reusable elements such as buttons, cards and navigation are introduced. Component fundamentals and the card-and-container system help the pages work together rather than becoming disconnected mockups. The later lessons assemble the portfolio, create the skills list and add prototype connections before the course wrap-up. The five sidebars provide additional context on portfolios, personalization, file structure, auto layout and next steps. They remain alongside the numbered lessons in their original positions. The recordings are the publisher’s 2025 beginner edition; newer interfaces may differ.

How to study the course

• Follow Lessons 1–5 and create a small portfolio file. Keep your first case study concise so that you can concentrate on structure and navigation.
• Use Lessons 6–10 to create reusable controls, cards and page elements. Check whether a component change produces the intended result in each instance.
• Complete Lessons 11–13 by assembling the pages and connecting the prototype. Retain and review the sidebars, especially where they explain a decision that affects your own file.

Use the searchable classroom lesson list to revisit a specific explanation. Pause after a useful demonstration, reproduce a small example and explain the result in your own words. Keep a short note of what worked, what changed and what you still need to understand before moving on.

Who is this for?

The course is designed for learners beginning with Figma Design, including students, aspiring interface designers and professionals creating a first portfolio. A finished practice file can support your learning, but watching the series does not by itself establish professional design competence.

Before you start

Have a suitable Figma Design workspace and a larger screen for practical work. Basic computer navigation is sufficient to begin. Use invented or publicly shareable portfolio content; advanced product features and plan limits may differ from those shown in the recordings.

Put the lessons into practice

Create a two-page portfolio for an invented designer. Include a clear introduction, one case study, a small skills list and consistent navigation. Build one reusable button and one reusable card rather than duplicating disconnected shapes. Change a shared element and inspect its instances. Link the pages into a prototype, then ask yourself whether a first-time viewer can identify what the designer does and reach the case study easily. Record three decisions about spacing, hierarchy or reuse that made the file clearer, and one issue you would improve next.

This optional activity is provided by WikiFree for independent practice. It is not a graded assignment from the instructor. Keep your working notes, check the result against the task you defined and return to the relevant lesson when an assumption or technique is unclear.

Certificate / Assessment

Watching the public videos and using WikiFree progress tracking does not award a certificate, exam voucher, academic credit or instructor assessment.

Use your practice output to review what you can now explain and repeat independently. Completion tracking records your study progress; it does not replace an assessed qualification or professional experience.

Frequently asked questions

Provider: Figma. Videos play from the Figma channel on YouTube.