×
Create CV Books Summaries Online Courses Blog Communities

Login

Sign up
MindLuster Logo
Categories
Recent

Figma web design

Course Reviews

Track :

Web Design
Course Presenter :

Mavi Design

Lessons no : 32

For Free Certificate After Complete The Course

To Register in Course you have to watch at least 30 Second of any lesson

Join The Course Go To Community Download Course Content

What will you learn in this course?
  • Create visually appealing website layouts using Figma's modern design tools and techniques
  • Develop responsive web designs that adapt seamlessly across desktop, tablet, and mobile devices
  • Implement consistent design systems with reusable components, auto layout, and variants in Figma
  • Design user-friendly interfaces with effective spacing, grid systems, color palettes, and typography principles
  • Build interactive prototypes to demonstrate website functionality and user experience flow
  • Apply wireframing skills to conceptualize website structure and user journey effectively
  • Prepare high-fidelity mockups suitable for client presentations and developer handoff
  • Utilize Figma collaboration features to streamline teamwork and feedback integration
  • Optimize web designs for accessibility, usability, and visual hierarchy in Figma
  • Translate web design concepts into real-world projects like landing pages, portfolios, and product pages

How to Get The Certificate

  • You must have an account Register
  • Watch All Lessons
  • Watch at least 50% of Lesson Duration
  • you can follow your course progress From Your Profile
  • You can Register With Any Course For Free
  • The Certificate is free !
Lessons | 32
Design a WEBSITE IN FIGMA ep 01 The HEADER MENU
00:20:32

Design a WEBSITE IN FIGMA ep 01 The HEADER MENU
THE FIRST THING Website Visitors See Design a WEBSITE in Figma ep 02
00:20:48

THE FIRST THING Website Visitors See Design a WEBSITE in Figma ep 02
Design a WEBSITE IN FIGMA ep 03 The FEATURES SECTION
00:19:52

Design a WEBSITE IN FIGMA ep 03 The FEATURES SECTION
WEB DESIGN IN FIGMA ep 04 Horizontal Text Image Cards Free Web Design Course
00:19:59

WEB DESIGN IN FIGMA ep 04 Horizontal Text Image Cards Free Web Design Course
WEB DESIGN IN FIGMA ep 05 Swipeable Quotes Social Proof Section Free UX UI Course
00:26:23

WEB DESIGN IN FIGMA ep 05 Swipeable Quotes Social Proof Section Free UX UI Course
WEB DESIGN IN FIGMA ep 06 Call To Action CTA Section – Free UX UI Course
00:21:34

WEB DESIGN IN FIGMA ep 06 Call To Action CTA Section – Free UX UI Course
WEB DESIGN IN FIGMA ep 07 Interactive FAQs Section with ACCORDIONS – Free UX UI Course
00:19:29

WEB DESIGN IN FIGMA ep 07 Interactive FAQs Section with ACCORDIONS – Free UX UI Course
WEB DESIGN IN FIGMA ep 08 The Footer Section – Free UX UI Course
00:19:17

WEB DESIGN IN FIGMA ep 08 The Footer Section – Free UX UI Course
WEB DESIGN IN FIGMA ep 09 Features Icons Global Auto Layout – Free UX UI Course
00:24:20

WEB DESIGN IN FIGMA ep 09 Features Icons Global Auto Layout – Free UX UI Course
WEB DESIGN IN FIGMA ep 10 Global Navigation Prototyping – Free UX UI Course
00:13:15

WEB DESIGN IN FIGMA ep 10 Global Navigation Prototyping – Free UX UI Course
WEB DESIGN IN FIGMA ep 11 Dropdown Menu Navigation – Free UX UI Course
00:22:08

WEB DESIGN IN FIGMA ep 11 Dropdown Menu Navigation – Free UX UI Course
WEB DESIGN IN FIGMA ep 12 FEATURES Page – Free UX UI Course
00:20:56

WEB DESIGN IN FIGMA ep 12 FEATURES Page – Free UX UI Course
WEB DESIGN IN FIGMA ep 13 Blog Page Filter Articles by Categories – Free UX UI Course
00:30:14

WEB DESIGN IN FIGMA ep 13 Blog Page Filter Articles by Categories – Free UX UI Course
WEB DESIGN IN FIGMA ep 14 Beautifying The Blog Page – Free UX UI Course
00:28:26

WEB DESIGN IN FIGMA ep 14 Beautifying The Blog Page – Free UX UI Course
WEB DESIGN IN FIGMA ep 15 Blog ARTICLE Detail Page – Free UX UI Course
00:16:50

WEB DESIGN IN FIGMA ep 15 Blog ARTICLE Detail Page – Free UX UI Course
WEB DESIGN IN FIGMA ep 16 Finalizing The BLOG ARTICLE Page – Free UX UI Course
00:17:46

WEB DESIGN IN FIGMA ep 16 Finalizing The BLOG ARTICLE Page – Free UX UI Course
WEB DESIGN IN FIGMA ep 17 “Notes” Feature Image – Free UX UI Course
00:17:14

WEB DESIGN IN FIGMA ep 17 “Notes” Feature Image – Free UX UI Course
WEB DESIGN IN FIGMA EP 18 “Tracking Progress” Semi 3D Chart Image – Free UX UI Course
00:21:28

WEB DESIGN IN FIGMA EP 18 “Tracking Progress” Semi 3D Chart Image – Free UX UI Course
WEB DESIGN IN FIGMA ep 19 “SYNC DEVICES” Feature Illustration – Free UX UI Course
00:25:31

WEB DESIGN IN FIGMA ep 19 “SYNC DEVICES” Feature Illustration – Free UX UI Course
WEB DESIGN IN FIGMA ep 20 FORM FIELD Component Simple and Interactive – Free UX UI Course
00:14:02

WEB DESIGN IN FIGMA ep 20 FORM FIELD Component Simple and Interactive – Free UX UI Course
WEB DESIGN IN FIGMA ep 21 Consent CHECKBOX – Free UX UI Course
00:15:33

WEB DESIGN IN FIGMA ep 21 Consent CHECKBOX – Free UX UI Course
WEB DESIGN IN FIGMA ep 22 Wireframing Layout for Case Studies – Free UX UI Course
00:07:09

WEB DESIGN IN FIGMA ep 22 Wireframing Layout for Case Studies – Free UX UI Course
WEB DESIGN IN FIGMA ep 23 Case Studies Hero Section – Free UX UI Course
00:18:33

WEB DESIGN IN FIGMA ep 23 Case Studies Hero Section – Free UX UI Course
FIGMA WEB DESIGN ep 24 Hover Preview Case Studies – Free UX UI Course
00:24:49

FIGMA WEB DESIGN ep 24 Hover Preview Case Studies – Free UX UI Course
WEB DESIGN IN FIGMA ep 25 Integrations Page pt 1 Using Nested Components – Free UX UI Course
00:23:41

WEB DESIGN IN FIGMA ep 25 Integrations Page pt 1 Using Nested Components – Free UX UI Course
WEB DESIGN IN FIGMA ep 26 Integrations Page pt 2 Finishing Adding Content – Free UX UI Course
00:20:47

WEB DESIGN IN FIGMA ep 26 Integrations Page pt 2 Finishing Adding Content – Free UX UI Course
WEB DESIGN IN FIGMA ep 27 Customers Page pt 1 Wireframing  Layout – Free UX UI Course
00:18:47

WEB DESIGN IN FIGMA ep 27 Customers Page pt 1 Wireframing  Layout – Free UX UI Course
WEB DESIGN IN FIGMA ep 28 Customers Page pt 2 Hover Interaction Finalizing – Free UX UI Course
00:31:48

WEB DESIGN IN FIGMA ep 28 Customers Page pt 2 Hover Interaction Finalizing – Free UX UI Course
WEB DESIGN IN FIGMA ep 29 Color Tokens CTA Section Redesign – Free UX UI Course
00:17:40

WEB DESIGN IN FIGMA ep 29 Color Tokens CTA Section Redesign – Free UX UI Course
WEB DESIGN IN FIGMA ep 30 Making The Footer RESPONSIVE – Free UX UI Course
00:11:37

WEB DESIGN IN FIGMA ep 30 Making The Footer RESPONSIVE – Free UX UI Course
Can You Make a RESPONSIVE HEADER in Figma – Design a Website ep 31 – free ux ui course
00:13:24

Can You Make a RESPONSIVE HEADER in Figma – Design a Website ep 31 – free ux ui course
Responsifying an ENTIRE PAGE in Figma – Design a Website ep 32 –  free ux ui course
00:14:26

Responsifying an ENTIRE PAGE in Figma – Design a Website ep 32 –  free ux ui course


We Appreciate Your Feedback

Excellent
80 Reviews
Good
73 Reviews
medium
5 Reviews
Acceptable
0 Reviews
Not Good
2 Reviews
4.4
160 Reviews
Venkatesh M 

easy explain
2025-12-16

Jedric Gabriel H. Dela Cruz 

lopit
2025-12-08

Precious Capuno 

Great
2025-12-06

Jomar Auditor 

THIS IS GRAPE
2025-12-04

ADLAWAN, CHRISTIAN P. 

Great
2025-12-04

SOHAIL AHMAD 

Absolutely Amazing
2025-11-30

ARPIT SRIVASTAVA 

amazing course, learnt at lot
2025-11-25

felicity zoe 

So good
2025-11-24

Hershey Nicole Fabillar 

It was so much fun, and I learned a lot
2025-11-23

Thyrone Asuncion 

So much to learn, this course helps me in my Figma journey.
2025-11-22

Nikhil M Malathkar 

nice
2025-11-13

Aditya 

good
2025-11-08

Show More Reviews

Our New Certified Courses Will Reach You in Our Telegram Channel
Join Our Telegram Channels to Get Best Free Courses

Join Now

Related Courses

Web Design for Beginners
7 Lessons

Web Design for Beginners

Adobe XD Web Design Tutorial For Beginners
41 Lessons

Adobe XD Web Design Tutorial For Beginners

ux ui
48 Lessons

ux ui

WIX Website Design for Beginners
8 Lessons

WIX Website Design for Beginners

GSAP Animation for Beginners
3 Lessons

GSAP Animation for Beginners

WordPress Website Development for Beginners
11 Lessons

WordPress Website Development for Beginners

Flutter App Development
82 Lessons

Flutter App Development

Business Website Design for beginners
3 Lessons

Business Website Design for beginners

Website Design Fundamentals
5 Lessons

Website Design Fundamentals

HTML Web Designing From Zero To Hero
18 Lessons

HTML Web Designing From Zero To Hero

Web Design Techniques for Beginners
14 Lessons

Web Design Techniques for Beginners

Adobe XD Techniques for Beginners
12 Lessons

Adobe XD Techniques for Beginners

Notion Techniques for Designers
9 Lessons

Notion Techniques for Designers

Editor X for Beginners
3 Lessons

Editor X for Beginners

Anima App Essentials
10 Lessons

Anima App Essentials

Figma Basics for Beginners
13 Lessons

Figma Basics for Beginners

Figma web design, in this course we will learn how to design stunning, user-friendly websites using Figma. From wireframes to high-fidelity mockups, you'll discover how to bring web ideas to life with modern layout techniques, consistent design systems, and interactive prototypes. We’ll cover essential web UI principles including spacing, grid systems, color palettes, and typography. You’ll also learn how to build responsive designs that adapt seamlessly across devices, and how to use auto layout, components, and variants to streamline your workflow. The course walks you through real-world projects such as landing pages, portfolios, and product pages. Whether you're a beginner or looking to polish your skills, this course will give you the confidence to design clean, professional web interfaces. By the end, you’ll be able to deliver complete web design projects that are ready for developer handoff or client presentation—all using Figma. Mavi Design