Become Web Design Pro With Figma In 2025
Published 9/2025
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 7.49 GB | Duration: 14h 13m
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
RapidGator
NitroFlare
UsersDrive
