Become Web Design Pro With Figma In 2025

A course to master web design, responsive design, animating websites, creating 3D websites and using AI to create webs.

What you'll learn

Designing websites using Figma

Animating website designs

Creating responsive web design

Understanding the UI/UX laws and principles

Requirements

Nothing, the course is newbie friendly.

Description

Want to become a web designer but don’t know where to start?This practical, action-oriented course will take you from complete beginner to confident web designer using Figma — the industry’s favorite design tool.You’ll learn by doing real projects, starting with simple layouts and moving up to full websites, responsive designs, animations, and even AI-powered design workflows. Along the way, you’ll discover the core principles of UI/UX, web layouts, website structuring, typography, color, standard practice, rules, conventions and design standards that make your work amazing and stand out.By the end of this course, you’ll have:A solid understanding of Figma and web design fundamentals.Multiple website projects designed by you, step by step.Hands-on experience with responsiveness, prototyping, and micro-interactions.Knowledge of how to integrate AI tools to design faster and smarter.A roadmap to start freelancing or land your first design job.This course is not about just watching — it’s about creating. Every section is designed to give you small wins and real portfolio-ready projects so you feel progress and achievement as you learn.If you want to kickstart your career as a web designer and build real-world skills in just a few weeks, this course is for you.

Overview

Section 1: Introduction to course

Lecture 1 Hola Designers

Lecture 2 How to get best from this course?

Lecture 3 Who am I?

Section 2: Figma Basics

Lecture 4 What is Figma & How to Create a Free Account

Lecture 5 Figma Dashboard Overview + Create Your First Design File

Lecture 6 Figma Toolbar Explained

Lecture 7 Layers, Groups, Frames, and Components

Lecture 8 Auto Layout, Constraints & Alignment

Lecture 9 Mini Project: Design a Personal Profile Card

Section 3: UI/UX Principles in Action

Lecture 10 Introduction to Section 3

Lecture 11 Foundational Visual Design Principles (UI) - Part 1

Lecture 12 Foundational Visual Design Principles (UI) - Part 2

Lecture 13 Core UX Laws That Impact Layout

Lecture 14 Let’s Fix That Broken Design!

Lecture 15 Mini Project: Fix the Hero Section

Section 4: Structuring Websites Like a Pro

Lecture 16 How Websites Are Structured Visually

Lecture 17 Understanding Layouts, Grids, and Columns

Lecture 18 Wireframing Like a Designer (Low Fidelity)

Lecture 19 Design a Landing Page (Wireframe Only)

Lecture 20 Mini Project: Design the Wireframe for Landing Page

Section 5: Let's Design

Lecture 21 Introduction to Let's Design Section

Lecture 22 Wireframe to Landing Page 01

Lecture 23 Wireframe to Landing Page 02

Lecture 24 Wireframe to Landing Page 03

Lecture 25 Intro to Multi-Page Website

Lecture 26 Multi-Page Website: Landing Page 01

Lecture 27 Multi-Page Website: Landing Page 02

Lecture 28 Multi-Page Website: Landing Page 03

Lecture 29 Multi-Page Website: Combine + Privacy Page

Lecture 30 Multi-Page Website: Sign Up Page

Lecture 31 Multi-Page Website: Pricing Page

Lecture 32 Intro to Dashboard Design

Lecture 33 Design the Dashboard

Lecture 34 Mini Project: Design a Landing Page

Section 6: Responsive Web Design

Lecture 35 What is Responsiveness?

Lecture 36 Atomic & Molecular Responsiveness

Lecture 37 Design Mode: Responsiveness

Lecture 38 Real World: Responsiveness

Lecture 39 Components: Responsiveness

Lecture 40 Mini Project: Make this Website Real Responsive

Section 7: Animation in Web Design

Lecture 41 Introduction to Prototyping (Animation)

Lecture 42 Components & Prototyping

Lecture 43 Animate: Card Hover

Lecture 44 Animate: Button Animation

Lecture 45 Animate: Loading Spinner

Lecture 46 Animate: Hero Section Animation

Section 8: 3D Website Design

Lecture 47 Intro to 3D Web Designing

Lecture 48 Spline: Let's Design a 3D Website

Section 9: Web Designing using AI

Lecture 49 Introduction to Web Designing with AI

Lecture 50 How to generate web design ideas using AI?

Lecture 51 Generate images for web design using AI

Lecture 52 Stitch - A design tool by Google

Lecture 53 Let's design a hero section using AI

Lecture 54 Micro Project: Design a Landing Page using AI

Section 10: Design Freelance 1O1

Lecture 55 What is freelancing and how to target it?

Lecture 56 How to get clients and initiate projects?

Lecture 57 How to grow as a freelancer?

Beginners who want to learn web designing using Figma as a tool