Khóa học Figma dành cho Designer/Developer trong chương trình hợp tác giữa HR1 và TELOS Academy được xây dựng cho người mới bắt đầu, Designer muốn hệ thống hóa kiến thức và Developer cần hiểu rõ hơn quy trình thiết kế giao diện. Không chỉ hướng dẫn thao tác trên công cụ, chương trình còn tập trung vào Component, Auto Layout, Style và Prototype nhằm giúp học viên hình thành tư duy thiết kế có hệ thống.

Tuy nhiên, biết tạo Frame, chèn hình ảnh hoặc sao chép một giao diện mẫu chưa đồng nghĩa với việc đã sử dụng Figma đúng cách. Một file thiết kế chuyên nghiệp cần có cấu trúc rõ ràng, khả năng tái sử dụng cao và dễ cập nhật khi yêu cầu sản phẩm thay đổi.

Vì sao nên học Figma theo lộ trình bài bản?

Nhiều người có thể tự học các thao tác cơ bản trên Figma trong thời gian ngắn. Thách thức thực sự nằm ở cách tổ chức file, xây dựng hệ thống thành phần và xử lý những tình huống phát sinh trong dự án.

• Thiết kế có hệ thống: Học viên hiểu cách sử dụng Component, Auto Layout và Style thay vì tạo từng thành phần riêng lẻ.
• Phát triển tư duy sản phẩm: Học viên không chỉ tập trung vào hình thức mà còn hiểu cấu trúc, luồng và khả năng tương tác của giao diện.
• Xây dựng portfolio: Dự án thực hành có thể tiếp tục được hoàn thiện thành sản phẩm phục vụ ứng tuyển.

Nội dung khóa học Figma

Buổi 1: Giới thiệu chung

Học viên làm quen với Figma và xác định dự án thực hành xuyên suốt khóa học.

• Tổng quan Figma: Tìm hiểu điểm khác biệt giữa phần mềm thiết kế giao diện và các công cụ thiết kế khác.
• Lựa chọn đề bài: Xác định nội dung website hoặc ứng dụng sẽ triển khai trong khóa học.

Buổi 2: Hệ thống hướng đối tượng Component

Học viên xây dựng tư duy tái sử dụng và quản lý các thành phần giao diện có hệ thống.

• Component: Tạo và sử dụng các thành phần giao diện có thể tái sử dụng.
• Variant và Component Properties: Quản lý nhiều trạng thái và thuộc tính của cùng một Component.

Buổi 3: Auto Layout

Học viên sử dụng Auto Layout để tạo giao diện linh hoạt và dễ cập nhật.

• Layout tự động: Thiết lập các thành phần có khả năng thay đổi theo nội dung.
• Hệ thống hóa giao diện: Ứng dụng Auto Layout vào Button, Card, danh sách và các nhóm nội dung.

Buổi 4: Hệ thống hóa bằng Style

Học viên xây dựng hệ thống hình ảnh thống nhất cho toàn bộ dự án.

• Color và Text Style: Quản lý màu sắc và kiểu chữ theo hệ thống chung.
• Effect Style: Thiết lập và tái sử dụng hiệu ứng trong giao diện.

Buổi 5: Ứng dụng thực chiến

Học viên đưa kiến thức đã học vào một dự án website hoặc ứng dụng.

• Wireframe: Xây dựng cấu trúc màn hình dựa trên sitemap và yêu cầu sản phẩm.
• Web/App Design: Tìm hiểu những nguyên tắc cơ bản khi thiết kế website và ứng dụng.
• Phát triển giao diện: Chuyển wireframe thành giao diện trực quan hoàn chỉnh.

Buổi 6: Thực hành giữa kỳ

Giảng viên trực tiếp phân tích và xử lý những vấn đề học viên gặp trong bài tập.

• Tối ưu sản phẩm: Điều chỉnh cách tổ chức file và triển khai giao diện.
• Phản hồi trực tiếp: Giúp học viên xác định những nội dung cần tiếp tục cải thiện.

Buổi 7: Prototyping

Học viên xây dựng luồng tương tác và mô phỏng trải nghiệm sản phẩm.

• Prototype: Liên kết các màn hình và tạo luồng thao tác cơ bản.
• Smart Animate: Tạo hiệu ứng chuyển động giữa các trạng thái giao diện.

Buổi 8: Thực hành cuối khóa

Học viên trình bày dự án và hoàn thiện sản phẩm dựa trên phản hồi từ giảng viên.

• Trình bày dự án: Giới thiệu quy trình và kết quả thiết kế.
• Hoàn thiện sản phẩm: Cải thiện dự án để tiếp tục phát triển thành portfolio.

Với hình thức học nâng cao, chương trình có thể bổ sung nội dung về Variable và Conditional Prototype.

Đầu ra sau khóa học

• Dự án thực hành: Hoàn thành một dự án giao diện website hoặc ứng dụng trên Figma.
• Kỹ năng công cụ: Sử dụng Component, Auto Layout, Style và Prototype trong quy trình thiết kế.
• Tư duy hệ thống: Biết cách tổ chức file và các thành phần giao diện theo cấu trúc nhất quán.
• Nền tảng portfolio: Có sản phẩm để tiếp tục chỉnh sửa và sử dụng trong hồ sơ ứng tuyển.

Tài nguyên học viên nhận được.

• Khóa Prototype tặng kèm: Học viên được bổ sung nội dung chuyên sâu về Prototype.
• Tài liệu UI/UX: Bao gồm kiến thức, định nghĩa và định hướng phát triển trong ngành.
• Plugin hỗ trợ: Khoảng 40 plugin được sử dụng trong lớp và hơn 150 plugin để tham khảo.

Giảng viên khóa học

Khóa học được hướng dẫn bởi anh Lưu Trọng Nhân, Founder TELOS Agency và TELOS Academy.

• Kinh nghiệm chuyên môn: Anh có hơn 12 năm làm việc trong lĩnh vực UI/UX và phát triển sản phẩm số.
• Kinh nghiệm đào tạo: Anh đã giảng dạy hơn 60 khóa với trên 3.000 học viên tại Việt Nam.
• Kinh nghiệm quốc tế: Anh đã xuất bản các khóa học trên nền tảng Udemy và tiếp cận cộng đồng học viên rộng hơn.

Thông tin khóa học

• Trình độ: Cơ bản.
• Yêu cầu đầu vào: Không yêu cầu.
• Thời lượng: 8 buổi.
• Hình thức học: Online qua Google Meet và có video ghi hình để xem lại.
• Khai giảng dự kiến: Ngày 03/08/2026.
• Lịch học: Thứ Hai và Thứ Năm.
• Thời gian học: 19:00–21:00.
• Chứng nhận: Học viên được cấp giấy chứng nhận sau khi hoàn thành chương trình.

Ưu đãi học phí từ HR1 x TELOS

• Học phí niêm yết: 4.500.000 đồng.
• Mức ưu đãi: Giảm trực tiếp 200.000 đồng cho học viên đăng ký qua HR1.
• Học phí sau ưu đãi: 4.300.000 đồng.

Figma không chỉ là công cụ tạo giao diện. Khi được sử dụng đúng cách, đây còn là môi trường giúp Designer, Developer và Product Team phối hợp hiệu quả hơn trong toàn bộ quá trình phát triển sản phẩm.

Để nhận ưu đãi giảm 200.000 đồng khi đăng ký khóa học Figma, vui lòng để lại thông tin bên dưới để đội ngũ HR1Tech hỗ trợ.

Khám phá thêm kiến thức UI/UX, kỹ năng công nghệ và cơ hội nghề nghiệp dành cho Designer tại HR1Tech.