Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Complete UI/UX Design Course 2026: Figma + AI + Real Project

Khóa Học Thiết Kế UI/UX Toàn Diện 2026: Figma + AI + Dự Án Thực Tế

Khóa Học Thiết Kế UI/UX Toàn Diện 2026: Figma + AI + Dự Án Thực Tế

Trở thành Nhà Thiết Kế UI/UX trong năm 2026 — Dự Án Thực, Components, Auto Layout và Công Cụ AI

4.4
(1,101 đánh giá)
6,739 học viên
Giảng viên
Muhammad Iqbal
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
26.0 giờ video
89 bài giảng
7 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 23/06/2026

Bạn sẽ học được gì

1. Thiết kế Giao Diện Người Dùng Thực Tế bằng Figma
2. Ứng dụng Công Cụ AI để Tăng Tốc và Cải Thiện Quy Trình Thiết Kế UI/UX
3. Xây dựng một Dự Án UI/UX Thực Tế, Hoàn Chỉnh từ A đến Z
4. Hiểu về Tư Duy Thiết Kế, Nguyên Tắc UX và Cách Tạo Case Study Đủ Tầm cho Portfolio

Yêu cầu

Không yêu cầu kinh nghiệm thiết kế hay kỹ thuật trước đó — khóa học này hoàn hảo cho người mới bắt đầu!
Một máy tính hoặc laptop có kết nối internet
Một tài khoản Figma miễn phí — chúng tôi sẽ hướng dẫn bạn cách thiết lập nếu cần
Sự tò mò, sáng tạo và tinh thần sẵn sàng học hỏi.
(Không bắt buộc nhưng hữu ích) Hiểu biết cơ bản về cách hoạt động của website hoặc ứng dụng di động.

Đối tượng phù hợp

Người mới bắt đầu muốn khởi nghiệp trong lĩnh vực thiết kế UI/UX mà không có kinh nghiệm trước đó.
Sinh viên hoặc người tìm việc muốn xây dựng portfolio ấn tượng và có được kỹ năng thiết kế thực tế.
Freelancer muốn cung cấp dịch vụ thiết kế UI/UX và tìm kiếm khách hàng trong năm 2025.
Những nhà thiết kế sản phẩm đầy khát vọng muốn học cách sử dụng Figma và công cụ AI để tăng tốc quy trình thiết kế.
Bất kỳ ai tò mò về cách các ứng dụng thực tế được thiết kế từ đầu, sử dụng công cụ và quy trình làm việc hiện đại.

Nội dung khóa học

14 phần • 88 bài giảng
1 Giới thiệu: Bạn Sẽ Học Gì & Điều Gì Làm Nên Sự Khác Biệt Của Khóa Học Này
2 Trước Khi Đi Sâu Vào Thiết Kế, Hãy Chuẩn Bị Mọi Thứ Sẵn Sàng!
3 Tận Dụng Tối Đa Khóa Học | Hướng Dẫn Cho Người Mới Bắt Đầu
4 Tối Ưu Hóa Việc Học Của Bạn | Thử Thách Dành Cho Cấp Độ Trung Cấp & Chuyên Gia
1 Thiết kế Màn Hình Splash
2 Thiết kế Màn Hình Đăng Nhập với Tùy Chọn Mạng Xã Hội
3 Thiết kế Màn Hình Đăng Ký bằng Email
4 Thêm Trường Mật Khẩu với Xác Thực
5 Thiết kế Màn Hình Chào Mừng
1 Thiết kế Popup Chọn Vai Trò
2 Thiết kế Phiên Bản Đầy Đủ của Màn Hình Chào Mừng
3 Thiết kế Màn Hình "Bạn Sẽ Dùng Ứng Dụng Này Để Làm Gì?"
4 Thiết kế Màn Hình Chọn Sở Thích
5 Thiết kế Màn Hình Nhắc Nhở với Popup Chọn Thời Gian
1 Hiểu về UX của Tính Năng Đăng Ký Gói
2 Thiết kế Màn Hình Đăng Ký Gói với Components
3 Thiết kế Màn Hình Tùy Chỉnh Trải Nghiệm
1 Tạo Màn Hình Chọn Khóa Học Chính với Các Biến Thể Nút Bấm
2 Thiết kế Trang Chi Tiết Khóa Học
3 Màn Hình Chi Tiết Khóa Học với Các Biến Thể Lựa Chọn
4 Tạo Trang Chủ
1 Thiết kế Icon Trang Chủ Khóa Học
2 Thiết kế Icon Khám Phá Khóa Học
3 Thiết kế Icon Bảng Xếp Hạng
4 Thiết kế Icon Đánh Dấu
5 Thiết kế Icon Đã Lưu và Hồ Sơ
6 Tìm Kiếm vs Tạo Mới Icon Điều Hướng
1 Tạo Component Điều Hướng với Các Biến Thể
2 Trang Khám Phá hoặc Trang Thiết Kế với Thanh Tìm Kiếm và Danh Mục Khóa Học
3 Thiết kế Trang Bảng Xếp Hạng
1 Tạo Màn Hình Hồ Sơ
2 Màn Hình Cài Đặt & Kết Thúc Phần Dành Cho Người Mới Bắt Đầu
3 Trang Khám Phá và Tạo Prototype
1 Hiểu về Màu Sắc Trước Khi Bắt Đầu Daily UI
2 Giới thiệu về Thử Thách Daily UI
3 Tạo Wireframe - Trang Đăng Ký
4 Tạo Moodboard và Tìm Cảm Hứng UI Trực Tuyến
5 Thiết kế Màn Hình Đăng Ký và Đăng Nhập
6 Tạo Mockup & Tải Portfolio Lên Dribbble
1 Giới thiệu về Daily UI 02 – Trang Thanh Toán
2 Sử dụng AI để Brainstorming và Xây dựng Moodboard
3 Thiết kế Trang Thanh Toán & Mockup cho Dribbble
1 Tạo Kiểu Chữ cho Hệ Thống Thiết Kế Của Bạn
2 Tạo Bảng Màu cho Hệ Thống Thiết Kế Của Bạn
3 Tạo Các Biến Thể Nút Bấm cho Hệ Thống Thiết Kế Của Bạn
4 Thiết kế Trường Nhập Liệu, Nút Bật/Tắt, Hộp Kiểm & Nút Radio
1 Khởi Động Dự Án với Khách Hàng & Thu Thập Yêu Cầu
2 Tạo Moodboard & Trình Bày cho Khách Hàng
3 Xem Xét Phản Hồi của Khách Hàng về Moodboard
4 Tùy Chỉnh Hệ Thống Thiết Kế cho Ứng Dụng của Hila
5 Xây dựng Màn Hình High-Fidelity & Thêm Icon vào Hệ Thống Thiết Kế
6 Hoàn Thành Bản Nháp Đầu Tiên để Khách Hàng Xem Xét
7 Cuộc Họp Khách Hàng Lần 2 | Trình Bày Tiến Độ Thiết Kế và Thu Thập Phản Hồi
8 Triển Khai Phản Hồi của Khách Hàng và Chuẩn Bị cho Lần Xem Xét
9 Cuộc Họp Khách Hàng Lần 3 | Trình Bày Giai Đoạn 1
10 Tổng Kết Giai Đoạn Một – Đăng Nhập, Onboarding & Tổng Quan Hồ Sơ
11 Khởi Động Giai Đoạn 2: Họp với Hila | Trang Chủ, Lịch & Hơn Thế Nữa
12 Thiết kế Màn Hình Chủ | Từ Brainstorm đến High-Fidelity
13 Tạo Thanh Điều Hướng Dưới Cho Trải Nghiệm Người Trông Trẻ
14 Thiết kế Màn Hình Khả Dụng | Điều Chỉnh Thời Gian Hàng Tuần
15 Thiết kế Màn Hình Lịch | Chế Độ Xem Tháng, Tuần & Đặt Lịch
16 Thiết kế Màn Hình Tin Nhắn | Trò Chuyện Giữa Người Trông Trẻ và Phụ Huynh
17 Buổi Xem Xét với Khách Hàng | Trình Bày Kết Quả Cuối Cùng Giai Đoạn 2 cho Hila
18 Áp Dụng Phản Hồi của Khách Hàng | Hoàn Thiện Những Chi Tiết Cuối Cho Phía Người Trông Trẻ
19 Tổng Kết Cuối Cùng | Bàn Giao Dự Án và Ký Kết
1 Hiểu Yêu Cầu & Xem Xét Hiện Trạng
2 Thu Thập Cảm Hứng | Xem Xét Tài Liệu Tham Khảo | Hệ Thống Thiết Kế
3 Thiết kế Phần Đầu Trang | Khu Vực Hero (Phần Hiển Thị Đầu Tiên)
4 Thiết kế Phần Nổi Bật | Đánh Giá Từ Khách Hàng
5 Thiết kế Thẻ Máy Chủ | Phần Kêu Gọi Hành Động (CTA)
6 Thiết kế Phần Tính Năng Chính | Điều Hướng Dạng Tab
7 Khởi Chạy Máy Chủ Ngay | Phần Kêu Gọi Hành Động Cuối Cùng
8 Thiết kế Phần Câu Hỏi Thường Gặp (FAQ) Rõ Ràng và Hấp Dẫn
9 Hoàn Thiện Thiết Kế | Dọn Dẹp File | Chuẩn Bị Phiên Bản cho Khách Hàng
10 Xem Xét Cuối Cùng | Kiểm Tra Chất Lượng Trước Khi Bàn Giao cho Khách Hàng
11 Tin Tốt | Thiết kế Thẻ Dự Án cho Trang Sản Phẩm
12 Thiết kế Phần Tổng Quan Sản Phẩm & Danh Sách Tính Năng
13 Thiết kế Phần Kêu Gọi Hành Động | Tính Năng | Câu Hỏi Thường Gặp
14 Thiết kế Trang Giới Thiệu với Phần Đội Ngũ
15 Hoàn Thiện Trang Giới Thiệu | Xem Xét Trước Khi Bàn Giao
1 Hiểu Yêu Cầu Dự Án
2 Thiết kế Phần Hero & Khám Phá Bộ Wireframe Kit
3 Thiết kế Phần Tính Năng
4 Thiết kế Phần Cách Thức Hoạt Động
5 Thiết kế Phần Đánh Giá Từ Khách Hàng
6 Thiết kế Phần Bảng Giá
7 Thiết kế Phần Câu Hỏi Thường Gặp
8 Thiết kế Phần Liên Hệ & Chân Trang cho SafeView 360

Giới thiệu khóa học

Ready to become a UI/UX designer from scratch and build real-world projects?
This course will completely change the way you think about design — whether you're just starting or looking to level up.

In this step-by-step masterclass, you’ll:

  • Learn UI/UX fundamentals through real examples and hands-on projects

  • Build a real app from scratch, just like a pro designer

  • Explore Figma in-depth with components, auto layout, variants & prototyping

  • Use AI tools to boost your design workflow and creativity

  • Discover the UX behind top apps like Uxcel Go and apply it yourself

  • Build a full design system with proper color and text styles

  • Learn how to present, organize, and deliver your designs like a professional

I'm Muhammad Iqbal — a Top Rated Plus UI/UX Designer on Upwork & Fiverr.
I've earned nearly $500,000 designing real products, and now I’m sharing the exact techniques that worked for me.
Whether you want to freelance, land a job, or start your own project — this course will guide you every step of the way.
And yes, I’ll be supporting you throughout.

Syllabus – What You’ll Learn (Day-by-Day)

Day 1: App Onboarding & Splash Screens

  • Designing splash screen with logo & status bar

  • Creating sign in, sign up, and password screens

  • Welcome screen + user role popup (UI/UX designer, product designer, etc.)

Day 2: Layout, Frames & Flows

  • Learning frames and auto layout in Figma

  • Designing empty states & interest selection screens

  • Building a time-based reminder popup

Day 3: Components & Subscription UX

  • Intro to components & auto layout (advanced)

  • UX discussion on subscriptions (Uxcel Go app inspiration)

  • Designing customizing experience screen

Day 4: Variants & Course Exploration

  • Creating main course section with button variants

  • Designing detailed course screens with variant selections

  • Creating and organizing the home screen

Day 5: Navigation Icons Design

  • Designing custom icons: Home, Explore, Leaderboard

  • Bookmark, Saved, Profile icons with variants

  • Using Iconify plugin & understanding when to create vs find icons

Day 6: Navigation Bars & Linked Screens

  • Creating navigation bars with variants

  • Designing linked screens: Designer, Leaderboard, Bookmark

  • Exploring course categories and prototyping

Day 7: Profile, Settings & Style Guide

  • Designing a complete Profile screen with user info

  • Creating a professional Settings screen

  • Applying and managing color & typography styles in Figma

By the end of this course, you’ll be confident in designing beautiful, functional, and job-ready UI/UX projects — with real-world design thinking and the power of AI.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Ai Tools
Hiển thị tất cả khoá học Figma
Hiển thị tất cả khoá học Ui Ux Design
Hiển thị tất cả khoá học Web Design
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊