Figma Design for beginners

Start your Figma Design learning journey with this hands-on course where we design a portfolio website from scratch. We'll cover the basics like shapes, text, and frames, and tap into more advanced features like auto layout, components, and prototyping. By the end, you'll be ready to start bringing your own ideas to life.

Overview

30 chapters
165 minutes
Beginner-friendly

Topics

Course overview: Figma Design for beginners (2025)

FD4B: Create your Figma account

FD4B: Tour the file browser and customize your profile

FD4B: Create your first design file

FD4B: Advocate sidebar: Learn more about portfolios

FD4B: Navigate Figma Design files

FD4B: Set your file preferences

FD4B: Create your avatar using shapes and fills

FD4B: Build your bio using text layers

FD4B: Add your layers to a frame

FD4B: Advocate sidebar: Portfolio personalization

FD4B: Create a frame using frame presets

FD4B: Create the section heading, paragraph text, and quote block

FD4B: Create the image and the hero

FD4B: Constraints fundamentals

FD4B: Clean up your layers

FD4B: Advocate sidebar: The differences between sections, groups, and frames

FD4B: Auto layout fundamentals

FD4B: Create the button

FD4B: Components fundamentals

FD4B: Create the card and container system

18m

FD4B: Advocate sidebar: Auto layout tips and tricks

FD4B: Create the navigation bar and footer

14m

FD4B: Combine shapes using boolean operations

11m

FD4B: Use vector edit mode to modify shapes

FD4B: Turn an ellipse into an arc

FD4B: Create the skills list

FD4B: Assemble your portfolio pages

12m

FD4B: Prototyping fundamentals

FD4B: Add prototype connections