Figma Variable - Các kỹ năng nâng cao trong quản lý hệ thống

Khoá học về Figma variable đầy đủ và chi tiết nhất bằng tiếng Việt bởi TELOS Academy

4.6

(380 đánh giá)

1,520 học viên

Giảng viên

TELOS Academy

Đánh giá cao

79.000đ 799.000đ -90%

✓ Xem giỏ hàng và thanh toán

Mua trực tiếp qua Zalo Học thử bài 1

3.5 giờ video

Truy cập vĩnh viễn

Học trên mọi thiết bị

Cập nhật: 27/04/2026

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

Yêu cầu

Hiểu biết về Figma ở mức căn bản (đã biết qua các tool autolayout, component v.v..)

Kỳ vọng phát triển UI/UX như hướng đi chính, muốn tối ưu kĩ năng hệ thống

Có định hướng làm việc với hệ thống lớn, quy mô và có design system phức tạp

Muốn đào sâu tư duy để chuẩn bị cho những đổi mới sẽ xảy ra trong Figma và ngành UI/UX

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

UI/UX Designer đang quan tâm tới variable và cách dùng

Người đã học lớp figma căn bản và muốn đi sâu hơn

Người đang cần quản lý hệ thống thiết kế chuyên sâu, phức tạp

Nội dung khóa học

10 phần • 52 bài giảng

1 Định nghĩa Variable

2 Ý nghĩa của công cụ

3 Tính ứng dụng

4 Lấy education plan trong figma

1 Không gian làm việc

2 Tạo collection và variable

3 Các loại variable và sự hiển thị

4 Gán variables

5 Giới thiệu Variable mode

6 Bài tập chương

1 Xây thư viện

2 Tạo lập vai trò của màu

3 Gán vào elements

4 Setup môi trường và mode

5 Ứng dụng vào thiết kế

6 Bài tập chương: setup library và modes

1 Giới thiệu các ứng dụng

2 Nguyên lý và các phân loại

3 Setup thử

4 Gán vào các element

5 Chỉnh sửa biến gốc

6 Bài tập chương: setup thiết kế

1 Giới thiệu

2 Ứng dụng của string

3 Ứng dụng của boolean

4 Bài tập chương: setup responsive

1 Giới thiệu chung

2 Set variable và nguyên lý

3 Đưa vào thiết kế và hiển thị

4 Bài tập: Thay đổi kích cỡ thành phần

5 Bài tập: Product card in Cart

1 Giới thiệu điều kiện (conditional)

2 Các nguyên lý và công thức

3 Bài tập #1 Product Card

4 Bài tập #2 Select Options

5 Bài tập #3 Loading

1 Giới thiệu

2 Bài tập #1: setup light/dark mode

3 Bài tập #2: setup theme mode

1 Giới thiệu về bài tập

2 Phân tích cấu trúc modal

3 Setup thành phần (component/variant)

4 Bố cục thiết kế lên giao diện (autolayout)

5 Setup màu sắc (color variable)

6 Setup khoảng cách (spacing variable)

7 Setup kích cỡ (size variable)

8 Setup sử dụng theme (mode)

9 Prototype #1 (change theme)

10 Prototype #2 (conditional selected)

11 Prototype #3 (PopUp Notification)

1 Tổng kết khoá

2 Các lộ trình học xa hơn

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

KHÓA HỌC NÀY CÓ GÌ

Khóa học tập trung vào một trong những khía cạnh mới, nâng cao của Figma, là variable và các công cụ liên quan. Khoá này có tất cả những gì bạn cần biết về figma variable để bắt xây dựng một hệ thống thiết kế chuẩn chỉnh

KHÓA HỌC SẼ DẠY NHỮNG GÌ?

Bạn sẽ được Nhân Lưu, giảng viên đã đào tạo Figma với hơn 5 năm hoạt động, là founder của TELOS Academy, mang đến những điều chắt lọc:

Các công cụ căn bản và nền tảng nhất của variable
Các loại hình variable từ colors, number, string, boolean
Cách làm việc với variable từ dễ tới khó và chi tiết
Cách ứng dụng các loại variable khác nhau và nguyên lý, áp dụng nó vào thiết kế
Tư duy công cụ khoa học, độc đáo và chuẩn bị sẵn sàng để có thể vận dụng vào công việc

RỒI HỌC XONG ĐƯỢC GÌ?

Thuần thục cách sử dụng công cụ variable
Quy hoạch hệ thống có tầm nhìn, quy chuẩn để có thể mở rộng ra
Dư sức vận dụng linh hoạt các loại hình variable để hỗ trợ thiết kế
Sáng tạo và logic với các nguyên lý của prototype nâng cao
Không bỏ sót bất cứ gì trong variable tools
Nguyên một playlist bài tập, làm thoả thích. Các tài liệu và tài nguyên tại group cộng đồng Figma.