8 sections • 56 sessions • Durée totale: 6 h 19 min
DANH SÁCH CHI TIẾT
Các yếu tố cơ bản 8 sessions • 59 min
Giới thiệu khóa học
Aperçu01:41
Giới thiệu Figma
Aperçu02:22
Cách cài đặt
Aperçu03:47
Giao diện chính Figma
04:08
Các section thuộc tính đối tượng
15:22
Các công cụ cơ bản nhất
14:30
Vẽ vector trong Figma
10:58
Tổng kết phần mở đầu và bài tập
06:36
Các yếu tố về Frame 5 sessions • 27 min
Giới thiệu frame
02:58
Tạo và làm việc với frame
03:04
So sánh frame và group
05:39
Constraints của frame - siêu công cụ cho responsive
10:51
Tổng kết chương và bài tập
04:41
Autolayout 8 sessions • 1 h
Giới thiệu autolayout
Aperçu03:55
Autolayout và text
02:59
Tạo autolayout
04:00
Thuộc tính chính của autolayout
06:15
Resizing với autolayout
12:21
Autolayout lồng ghép phức tạp
15:45
Các demo và công dụng
10:06
Bài tập autolayout: tạo chatbox
04:47
Component/Instance/Variants 8 sessions • 57 min
Giới thiệu về component/instance
07:12
Bộ luật component
14:30
Sử dụng component và instance như thế nào
11:09
Variants - bản nâng cấp nâng tầm component
05:08
Các thuộc tính của variants
09:33
Một vài ví dụ của việc dùng variants
04:32
Bài tập component: làm lịch với component
03:09
Bài tập kết hợp: tạo responsive table
01:38
Hệ thống hóa 7 sessions • 37 min
Style là gì?
03:04
Làm việc với color style
06:12
Làm việc với text style
05:08
Ứng dụng trong thực tế
05:28
Các loại style khác
03:23
Lưới trong Figma
10:28
Bài tập: hệ thống icon
03:24
Thực chiến 5 sessions • 59 min
Làm web/app thì quy trình thế nào
09:34
Vẽ sitemap bằng FigJam
04:15
Dùng Figma dựng wireframe
20:16
Stylish cho giao diện
10:13
Dùng figma biến wireframe thành giao diện
14:19
Prototype và trình diễn 13 sessions • 1 h 6 min
Giới thiệu về prototype trong Figma
02:10
Cách tạo interaction
04:02
Setup prototype
05:07
Các thuộc tính của interaction
02:58
Overlay và các tính chất của overlay
07:17
Animation trong Figma prototype
06:43
Smart animate
04:14
Đặc tính của smart animate
05:14
Trình diễn thành phần và scrolling
13:02
Interactive component
06:00
Bài tập smart animate: loading screen
04:59
Bài tập smart animate: one page menu
01:53
Bài tập smart animate: header scroll-down menu
02:19
Tổng kế t2 sessions • 15 min
Tổng kết khóa và tóm tắt kiến thức
07:56
Một vài lời gợi ý và nhắn nhủ
06:45