Bạn đã quen với Figma cơ bản nhưng muốn nâng tầm kỹ năng quản lý hệ thống thiết kế một cách chuyên sâu và có tổ chức? Khóa học Figma Variable - Các kỹ năng nâng cao trong quản lý hệ thống tập trung vào Variables – một trong những công cụ mạnh mẽ nhất hiện nay của Figma. Bạn sẽ hiểu rõ nguyên lý hoạt động, cách tạo và sử dụng các loại Variable như Color, Number, String, Boolean cùng Variable Mode để xây dựng thư viện thiết kế chuẩn chỉnh, dễ mở rộng.
Trong khóa học, bạn được hướng dẫn từ những thao tác căn bản đến các kỹ thuật nâng cao như gán Variable vào element, setup điều kiện (conditional), nested logic và prototype mang tính logic cao. Nhờ đó, bạn có thể tạo light/dark mode, theme đa dạng, product card tương tác hay các luồng phức tạp một cách mượt mà và có hệ thống. Tư duy làm việc sẽ gần với lập trình hơn, giúp bạn quản lý dự án lớn hiệu quả và chuẩn bị sẵn sàng cho những cập nhật mới của Figma cũng như ngành UI/UX.
Sau khóa học, bạn sẽ thuần thục Variables, có khả năng quy hoạch Design System rõ ràng và sáng tạo các prototype nâng cao một cách linh hoạt. Đây là bước tiến quan trọng dành cho UI/UX Designer muốn tối ưu quy trình làm việc và xây dựng hệ thống thiết kế chuyên nghiệp, bền vững.
Bạn sẽ học được gì?
- Hiểu về một nhóm công cụ mới (variable) thông qua việc được lý giải về nguyên lý
- Thực hành việc setup các điều kiện, hệ thống trong thiết kế figma theo một định hướng logic hơn, hệ thống hơn, gần với lập trình hơn
- Thực hiện các loại hình prototype mang tính logic, dựa trên variable
- Hình thành tư duy công cụ và chuẩn bị nền tảng đi sâu hơn trong lĩnh vực UI/UX
-
Bài 1: Định nghĩa Variable
Học thử 00:03:32
-
Bài 2: Ý nghĩa của công cụ
00:05:06
-
Bài 3: Tính ứng dụng
00:03:45
-
Bài 4: Lấy education plan trong figma
Học thử 00:08:24
-
Bài 5: Không gian làm việc
00:02:13
-
Bài 6: Tạo collection và variable
00:01:24
-
Bài 7: Các loại variable và sự hiển thị
00:03:24
-
Bài 8: Gán variables
00:04:55
-
Bài 9: Giới thiệu Variable mode
00:03:24
-
Bài 10: Bài tập chương
00:01:35
-
Bài 11: Xây thư viện
00:03:12
-
Bài 12: Tạo lập vai trò của màu
00:05:04
-
Bài 13: Gán vào elements
00:03:40
-
Bài 14: Setup môi trường và mode
00:03:21
-
Bài 15: Ứng dụng vào thiết kế
00:02:54
-
Bài 16: Bài tập chương setup library và modes
00:02:06
-
Bài 17: Giới thiệu các ứng dụng
00:02:33
-
Bài 18: Nguyên lý và các phân loại
00:02:17
-
Bài 19: Setup thử
00:03:59
-
Bài 20: Gán vào các element
00:03:04
-
Bài 21: Chỉnh sửa biến gốc
00:02:29
-
Bài 22: Bài tập chương setup thiết kế
00:01:45
-
Bài 23: Giới thiệu
00:01:34
-
Bài 24: Ứng dụng của string
00:03:12
-
Bài 25: Ứng dụng của boolean
00:02:08
-
Bài 26: Bài tập chương setup responsive
00:03:17
-
Bài 27: Giới thiệu chung
00:02:42
-
Bài 28: Set variable và nguyên lý
00:03:25
-
Bài 29: Đưa vào thiết kế và hiển thị
00:02:51
-
Bài 30: Bài tập Thay đổi kích cỡ thành phần
00:04:35
-
Bài 31: Bài tập Product card in Cart
00:04:47
-
Bài 32: Giới thiệu điều kiện (conditional)
00:02:19
-
Bài 33: Các nguyên lý và công thức
00:04:15
-
Bài 34: Bài tập #1 Product Card
00:02:36
-
Bài 35: Bài tập #2 Select Options
00:02:17
-
Bài 36: Bài tập #3 Loading
00:18:04
-
Bài 37: Giới thiệu
Học thử 00:01:18
-
Bài 38: Bài tập #1 setup lightdark mode
00:05:18
-
Bài 39: Bài tập #2 setup theme mode
00:07:18
-
Bài 40: Giới thiệu về bài tập
00:01:40
-
Bài 41: Phân tích cấu trúc modal
00:03:58
-
Bài 42: Setup thành phần (componentvariant)
00:07:09
-
Bài 43: Bố cục thiết kế lên giao diện (autolayout)
00:07:28
-
Bài 44: Setup màu sắc (color variable)
00:03:16
-
Bài 45: Setup khoảng cách (spacing variable)
00:03:57
-
Bài 46: Setup kích cỡ (size variable)
00:03:22
-
Bài 47: Setup sử dụng theme (mode)
00:01:51
-
Bài 48: Prototype #1 (change theme)
00:04:33
-
Bài 49: Prototype #2 (conditional selected)
00:06:59
-
Bài 50: Prototype #3 (PopUp Notification)
00:04:28
-
Bài 51: Tổng kết khoá
00:03:46
-
Bài 52: Các lộ trình học xa hơn
00:03:56
Write a public review