Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Figma For Beginners: Design Your UX/UI Portfolio Website
New
Rating: 4.4 out of 5(4 ratings)
153 students

Figma For Beginners: Design Your UX/UI Portfolio Website

Learn Figma essentials by designing your own interactive UX/UI portfolio website.
Last updated 9/2026
English

What you'll learn

  • Understand the Figma interface and use essential tools such as frames, shapes, text, images and layout grids.
  • Use Auto Layout, spacing and alignment to build organised and flexible website sections.
  • Create reusable buttons, tags and project cards to maintain consistency and work more efficiently.
  • Create a professional UX/UI portfolio website and connect its navigation, buttons and sections through prototyping.

Course content

1 section • 15 lectures • 1h 58m total length
  • Introduction0:53
  • Exploring Figma Interface2:55
  • Creating the Portfolio Frame3:10
  • Adding a Layout Grid3:42
  • Creating the Navigation Bar11:21
  • Creating the Hero Section18:31
  • Creating the About Me Section13:06
  • Creating the Selected Project Section24:43
  • Organizing the Layers8:31
  • Creating a Component8:28
  • Creating the Contact Section10:33
  • Creating the Footer3:01
  • Adding Prototype interactions7:25
  • Congratulation1:19
  • Class Project1:09

Requirements

  • No previous Figma knowledge required.

Description

Hi there!

Learn the essential features of Figma by designing a professional and interactive UX/UI portfolio website from scratch.

This beginner-friendly course is ideal for anyone who wants to become familiar with Figma while completing a practical design project. You don’t need any previous experience with Figma or UX/UI design to participate.

Throughout the course, you’ll explore the Figma interface and learn how to work with frames, shapes, text, images, colours and layout grids. You’ll also discover how to use alignment, spacing and visual hierarchy to create a clean and organised website design.

Step by step, you’ll design the main sections of a personal portfolio website, including a navigation bar, hero section, About Me section, selected projects, contact information and footer. You’ll also create professional project cards that can be personalised with your own images, descriptions and case studies.

In addition, you’ll learn how to use Auto Layout to create flexible layouts and how to turn buttons, tags and project cards into reusable components. Finally, you’ll add simple prototype interactions to connect the navigation, buttons and sections of your portfolio.

By the end of the course, you’ll have a complete portfolio website design that you can customise to represent your personality, skills and professional goals. You’ll also understand the essential Figma tools needed to begin creating your own websites, interfaces and digital design projects.

Enjoy!


Who this course is for:

  • Beginners who want to learn Figma.