Khóa Học Figma Auto Layout Mastery 2026 – Từ Nền Tảng Đến Nâng Cao Cùng Khánh Nimal

Khóa Học Figma Auto Layout Mastery 2026 – Từ Nền Tảng Đến Nâng Cao Cùng Khánh Nimal

Auto Layout là một trong những tính năng mạnh mẽ và quan trọng nhất trong Figma, giúp các nhà thiết kế tạo ra các giao diện linh hoạt, responsive và tối ưu hóa quy trình làm việc. Khóa học này giúp bạn nắm vững kiến thức Auto Layout từ cơ bản đến nâng cao, ứng dụng thành thạo vào các dự án thực tế. Dù bạn là người mới bắt đầu hay đã thiết kế Figma một cách "bản năng", khóa học sẽ giúp bạn hệ thống lại tư duy chuẩn chỉnh và làm chủ mọi layout phức tạp một cách chuyên nghiệp.

Vì Sao Bạn Nên Học Figma Auto Layout Mastery

Học từ căn bản, không cần kiến thức chuyên sâu về Auto Layout trước đó.

Hiểu rõ tư duy bản chất và cách hệ thống layout vận hành đằng sau các thuộc tính.

Sử dụng thành thạo từ các tính năng cơ bản đến các cập nhật mới nhất (Wrap, Min/Max, Grid).

Xây dựng các component responsive thông minh, chuẩn bàn giao cho lập trình viên.

Biết cách bóc tách thiết kế (breakdown), xử lý lỗi tràn khung và quản lý các layout phức tạp.

Bạn Sẽ Học Được Gì Từ Khóa Học Này

Nắm vững toàn bộ các thuộc tính Resizing (Hug contents, Fixed sizes, Fill container).

Làm chủ kỹ thuật bóc tách và phân tích mọi giao diện UI phức tạp trước khi bắt tay vào thiết kế.

Thực hành qua chuỗi 13+ Activity thực tế từ căn bản đến nâng cao.

Khắc phục triệt để các lỗi Auto Layout thường gặp trong quá trình làm dự án.

Ứng dụng quy trình checklist chuẩn chỉnh để tối ưu hóa tốc độ và chất lượng thiết kế nhóm.

Khóa Học Này Phù Hợp Với

UI/UX Designer mới bắt đầu muốn làm chủ kỹ năng layout bài bản ngay từ đầu.

Graphic Designer chuyển ngành cần bổ sung tư duy responsive cho thiết kế giao diện.

Product Designer, Web Designer đã dùng Figma nhưng muốn tối ưu hóa tốc độ làm việc.

Bất kỳ ai muốn nâng cấp tư duy thiết kế hệ thống, tạo ra sản phẩm chuẩn và chuyên nghiệp.

Nội dung khóa học

1 - Khoá học Figma Mastery

1 - Giới thiệu khoá học.mp4

2 - Nền tảng Auto Layout

2 - Giới thiệu Auto layout là gì.mp4

3 - Vì sao nên sử dụng Auto layout.mp4

4 - Lịch sử phát triển Auto layout.mp4

5 - Các thao tác với Auto layout.mp4

6 - Thực hành Activity 1.mp4

7 - Bảng thuộc tính.mp4

8 - Tuỳ chỉnh mở rộng.mp4

9 - Thực hành Activity 2.mp4

3 - Resizing Auto Layout

10 - Giới thiệu thuộc tính Resizing.mp4

11 - Thuộc tính Hug contents.mp4

12 - Thực hành Activity 3.mp4

13 - Thuộc tính Fixed sizes.mp4

14 - Thuộc tính Fill container.mp4

15 - Thực hành Activity 4.mp4

16 - Thực hành Activity 5.mp4

4 - Bóc tách thiết kế - Breakdown 1

17 - Phân tích thiết kế.mp4

18 - Hướng dẫn thiết kế.mp4

5 - Tư duy sử dụng Auto Layout

19 - Tư duy sai phổ biến.mp4

20 - Tư duy sử dụng đúng.mp4

21 - Tư duy đúc kết từ bản thân.mp4

6 - Tips thiết kế Auto Layout

22 - Tips thiết kế 01.mp4

23 - Tips thiết kế 02.mp4

24 - Tips thiết kế 03.mp4

25 - Tips thiết kế 04.mp4

7 - Lỗi thường gặp và cách khắc phục

26 - Lỗi Auto Layout 01.mp4

27 - Lỗi Auto Layout 02.mp4

28 - Lỗi Auto Layout 03.mp4

29 - Lỗi Auto Layout 04.mp4

30 - Lỗi Auto Layout 05.mp4

31 - Lỗi Auto Layout 06.mp4

8 - Bóc tách thiết kế - Breakdown 2

32 - Phân tích thiết kế.mp4

33 - Hướng dẫn thực hành.mp4

34 - Phát triển layout thiết kế.mp4

9 - Ignoring Auto Layout

35 - Ignoring Auto Layout là gì.mp4

36 - Thuộc tính đặc biệt.mp4

37 - Thực hành Activity 6.mp4

38 - Những lưu ý khi sử dụng.mp4

10 - Bóc tách thiết kế - Breakdown 3

39 - Phân tích thiết kế.mp4

40 - Thực hành 4 thiết kế cơ bản.mp4

41 - Thực hành 2 thiết kế nâng cao.mp4

42 - Phát triển thiết kế.mp4

11 - Giá trị Min & Max Auto Layout

43 - Giới thiệu và cách thiết lập.mp4

44 - Thực hành Activity 7.mp4

45 - Thực hành Activity 8.mp4

46 - Những lưu ý khi sử dụng.mp4

12 - Wrap flow Auto Layout

47 - Tổng quan Wrap flow.mp4

48 - Thực hành Activity 9.mp4

49 - Thực hành Activity 10.mp4

50 - Các thiết kế ứng dụng.mp4

13 - Bóc tách thiết kế - Breakdown 4

51 - Đề bài thực hành.mp4

52 - Phân tích thiết kế.mp4

53 - Hướng dẫn thực hành.mp4

14 - Suggest Auto Layout

54 - Suggest auto layout là gì.mp4

55 - Ứng dụng vào thiết kế.mp4

56 - Những lưu ý khi sử dụng.mp4

15 - Checklist Auto Layout

57 - Các câu hỏi checklist.mp4

58 - Các trường hợp sử dụng.mp4

16 - Bóc tách thiết kế - Breakdown 5

59 - Phân tích thiết kế.mp4

60 - Hướng dẫn thực hành Section 1.mp4

61 - Hướng dẫn thực hành Section 2.mp4

17 - Grid Auto Layout

62 - Tổng quan Grid (beta).mp4

63 - Thao tác và thông số.mp4

64 - Tuỳ chỉnh và sắp xếp.mp4

65 - Thiết lập nâng cao.mp4

66 - Thực hành Activity 11.mp4

67 - Thực hành Activity 12.mp4

68 - Thực hành Activity 13.mp4