Khóa học Figma UI Design
Khóa offline
#UI/UX Design
Lịch khai giảng
Mô tả Khóa học Figma UI Design
Khóa học Figma UI Design từ cơ bản đến nâng cao sẽ giúp bạn:
- Nhanh chóng thành thạo các công cụ và tính năng mới nhất của Figma cho thiết kế UI/UX Web/ Mobile App. Giáo trình luôn cập nhật thường xuyên theo những thay đổi của Figma.
- Hiểu và tạo được các thành phần trong Design System.
- Biết cách tư duy hệ thống trong thiết kế theo Atomic Design.
- Biết về các quy chuẩn thiết kế theo Material Design.
- Có được nền tảng cơ sở về thiết kế giao diện.
- Tạo ra prototype của giao diện để có thể tương tác, dùng thử.
- Hiểu và biết cách ứng dụng các kiểu diễn hoạt Prototype để tạo ra những bản dùng thử có thể tương tác.
- Tạo các banner quảng cáo động dạng file .GIF, .MP4 hoặc .JSON nhanh chóng và dễ dàng... tối ưu cho UX/UI thay vì phải dùng các phần mềm animation chuyên dụng.
- Biết cách quản lý và export các thành phần trong file thiết kế để làm việc với developer.
- Ứng dụng các plugin cần thiết để tăng hiệu quả cho công việc thiết kế.
- Luôn được cập nhật những mẹo và tính năng mới nhất của Figma trong nhóm học tập của lớp ngay cả khi khóa học đã kết thúc.
Khóa học Figma UI Design phù hợp với ai?
- Các bạn Junior Designer cần sử dụng thành thạo Figma trong thiết kế UX-UI Website hoặc Mobile App.
- Các bạn đã và đang là UX UI Designer hay đã tham gia các khóa học về Tư Duy Thiết Kế UX/UI tại Keyframe, muốn sử dụng Figma hiệu quả để tối ưu cho quá trình thiết kế của mình.
- Các bạn UXUI Designer đang sử dụng công cụ khác muốn chuyển sang Figma.
- Các bạn làm công việc quản lý, digital marketing muốn ứng dụng tư duy hệ thống và quy trình thiết kế bằng Figma cho công việc.
- Những bạn mới bắt đầu tìm hiểu về Thiết Kế UX,UI cũng phù hợp với khóa học này.
Giảng viên
-
Anh Đinh Tiến Thành có hơn 5 năm kinh nghiệm làm việc trong lĩnh vực Product Design. Từng là Senior UI/UX Designer tại FPT Infomation, hiện anh đang làm Senior UI/UX Designer tại FPT Head Office.
Giáo trình
-
1 Buổi
Buổi 01 - Tổng quan về Figma, các thao tác cơ bản
- Giới thiệu lộ trình học
- Giới thiệu các sách về sáng tạo và UI/UX
- Khái niệm về UI và UX
- Công việc thiết kế UI Design
- Các nguồn tham khảo tin cậy về UI/UX
- Giới thiệu 1 số định luật và nguyên tắc cần chú ý trong thiết kế UI/UX
- Vai trò của Figma trong dự án thực tế
- Đăng ký Figma Education Plan
- Figjam
- Community của Figma
- Thực hành
- Chọn Đề tài cá nhân
-
1 Buổi
Buổi 02 - Component, Vector network & Style
- Shape, Group, Frame, Pages và các thuộc tính
- Giới thiệu về Vector và các tính năng của Vector
- Components và Variants
- Vẽ icon máy bay, ô tô, ví, document, mic, back 10s….
-
1 Buổi
Buổi 03 - Component, Vector network & Style (tiếp theo)
- Vẽ và tô màu hình Vector huy hiệu, kim cương
- Components và Variants
- Hướng dẫn vẽ và diễn hoạt mẫu switcher
- Plugin Figmotion
- Plugin Mockup
- Plugin Easometric
- Bài tập
-
1 Buổi
Buổi 04 - Wireframing, User flow, Auto layout
- Design Thinking
- Auto layout và ứng dụng
- Layout Grid
- Hướng dẫn tạo Wireframe
- Hướng dẫn tạo User Flow
- Thực hành wireframe lại 1 trang đã có sẵn
- Bài tập
-
1 Buổi
Buổi 05 - Design System
- Atomic Design và ứng dụng trong Design System
- Màu sắc và Phân cấp thông tin
- Hướng dẫn tạo hệ thống màu
- Plugin Color Scheme
- Tạo theo mẫu của Material Design
- Tạo hệ thống chữ cho đề tài cá nhân
- Plugin Styler
- Thực hành generate, extract style
- Bài tập tạo component, variants và set thuộc tính
-
1 Buổi
Buổi 06 - Design System (tiếp theo)
- 10 nguyên tắc kiểm tra tính khả dụng
- Hướng dẫn grid và giới thiệu 1 số bố cục phổ biến
- Constraint
- Luật 8-point grid
- Hướng dẫn tạo hệ thống Icon
- Hướng dẫn tạo hệ thống Button
- Responsive
- Một số tips tăng tốc độ thiết kế figma
- Bài tập Hệ số 1 thứ 2. Calendar
- Thực hành Table Auto layout, Component
-
1 Buổi
Buổi 07 - Prototype
- UX writing
- Lỗi UI thường gặp
- Tính dễ dùng
- Prototype
- Text field
- Hướng dẫn vẽ UI trang Login
-
1 Buổi
Buổi 08 - Thực hành
- Hướng dẫn vẽ giao diện Landing page
- Hướng dẫn vẽ giao diện trang Contact
- Thực hành Component Interaction
- Scrollbar, Fillter
-
1 Buổi
Buổi 09 - Thực hành nâng cao: App nhắn tin, Dashboard
- Thực hành input form và Table
- Hướng dẫn vẽ UI App nhắn tin
- Dashboard
-
1 Buổi
Buổi 10 - Thực hành nâng cao: App nhắn tin (tiếp tục) & Mạng xã hội
- Hướng dẫn vẽ UI App nhắn tin (Cont)
- Responsive cho tablet và mobile
- Plugin Breakpoint
- Tạo prototype
- Hướng dẫn vẽ UI Social network
-
1 Buổi
Buổi 11 - Thực hành nâng cao: Giao diện trang thương mại điện tử
- Hướng dẫn vẽ giao diện app thương mại điện tử
- Hướng dẫn tạo component chip chọn thuộc tính sản phẩm
- Hướng dẫn tạo component nhãn răng cưa chọn mã giảm giá
- Hướng dẫn tạo component stepper
- Hướng dẫn tạo component milestone giao hàng
-
1 Buổi
Buổi 12 - Thực hành nâng cao: Giao diện CMS
- Hướng dẫn vẽ giao diện CMS quản lý sản phẩm
- Hướng dẫn tạo component cấu trúc dòng của bảng
- Hiểu về độ phân giải
- Các định dạng file svg, png, jpeg, pdf
- Hướng dẫn quy hoạch, đặt tên, sắp xếp, ghi chú cho các thành phần trong file thiết kế.
- Hướng dẫn xuất PDF nhiều trang
- Hướng dẫn tạo webfont bằng icomoon
- Bài tập
-
1 Buổi
Buổi 13 - Prototype nâng cao, Trình bày và Handoff
- Thực hành tạo Prototype Splash screen
- Các kiểu chuyển động nhanh chậm dần
- Ứng dụng After Delay
- Carousel
- Ứng dụng Interactive component
- Ứng dụng After Delay, Drag to, Scroll to
- Giao diện app bản đồ
- Plugin Mapsicle
- Ứng dụng Scroll to
-
1 Buổi
Buổi 14 - Trình bày đồ án & Tổng kết khóa học
- Trình bày đồ án
- Tổng kết khóa học
- Chia sẻ hướng đi, apply Job, Freelancer
-
1 Buổi
Buổi 01 - Tổng quan về Figma, các thao tác cơ bản
-
Anh Lê Minh Quang có hơn 5 năm kinh nghiệm thiết kế. Là một người yêu thích và mong muốn chia sẻ các kiến thức và lợi ích mà Figma mang lại cho UI/UX Design. Hiện đang làm Freelancer.
Giáo trình
-
1 Buổi
Buổi 01 - Tổng quan về Figma, các thao tác cơ bản
- Giới thiệu lộ trình học
- Giới thiệu các sách về sáng tạo và UI/UX
- Khái niệm về UI và UX
- Công việc thiết kế UI Design
- Các nguồn tham khảo tin cậy về UI/UX
- Định luật Jacob và sự quen thuộc trong thiết kế UI/UX
- Vai trò của Figma trong dự án thực tế
- Đăng ký Figma Education Plan
- Figjam
- Community của Figma
- Thực hành
- Đề tài cá nhân
-
1 Buổi
Buổi 02 - Vector network & Style
- Phương pháp Squint test
- Hướng dẫn vẽ viên kim cương bằng Vector network.
- Plugin: Color Scheme
- Vẽ icon new document.
- Ứng dụng Component vẽ huy hiệu
- Mask
- Plugin Figmotion
- Hướng dẫn vẽ và diễn hoạt mẫu switcher
- Bài tập
-
1 Buổi
Buổi 03 - Vector network & Style (cont)
- Thực hành vẽ nâng cao
- Hướng dẫn ứng dụng component vẽ viên gạch
- Hướng dẫn vẽ căn phòng isometric
- Plugin Easometric
- Bài tập
-
1 Buổi
Buổi 04 - Atomic Design, Design System, Color System, Type System
- Cách tìm cảm hứng màu sắc
- Hướng dẫn tạo hệ thống màu
- Plugin Color Scheme
- Tạo theo mẫu của Material Design
- Tạo hệ thống chữ cho đề tài cá nhân
- Plugin Styler
- Thực hành generate, extract style
- Bài tập
-
1 Buổi
Buổi 05 - Layout, grid, spacing, Icon, Button
- Hướng dẫn tạo grid
- Constraint
- 8-point grid
- Hướng dẫn tạo hệ thống Icon
- Hướng dẫn tạo hệ thống Button
- Hướng dẫn vẽ mẫu Modal
- Bài tập
-
1 Buổi
Buổi 06 - Thực hành component, auto-layout
- Hướng dẫn variant component Text field
- Hướng dẫn vẽ UI trang Login
- Bài tập
-
1 Buổi
Buổi 07 - Thực hành component, auto-layout (Cont)
- Hướng dẫn vẽ giao diện trang Contact
- Hướng dẫn tạo prototype
-
1 Buổi
Buổi 08 - Thực hành nâng cao: App nhắn tin
- Hướng dẫn vẽ UI App nhắn tin
-
1 Buổi
Buổi 09 - Thực hành nâng cao: App nhắn tin (tiếp tục) & Mạng xã hội
- Hướng dẫn vẽ UI App nhắn tin (Cont)
- Responsive cho tablet và mobile
- Tạo prototype
- Hướng dẫn vẽ UI mạng xã hội
- Ứng dụng đối tượng chứa hình giữ đúng tỉ lệ
-
1 Buổi
Buổi 10 - Thực hành nâng cao: Giao diện trang thương mại điện tử
- Hướng dẫn vẽ giao diện app thương mại điện tử
- Hướng dẫn tạo component chip chọn thuộc tính sản phẩm
- Hướng dẫn tạo component nhãn răng cưa chọn mã giảm giá
- Hướng dẫn tạo component stepper
- Hướng dẫn tạo component milestone giao hàng
-
1 Buổi
Buổi 11 - Thực hành nâng cao: Giao diện CMS
- Hướng dẫn vẽ giao diện CMS quản lý sản phẩm
- Hướng dẫn tạo component cấu trúc dòng của bảng
- Bài tập
-
1 Buổi
Buổi 12 - Prototype nâng cao
- Thực hành tạo Prototype Splash screen
- Các kiểu chuyển động nhanh chậm dần
- Ứng dụng After Delay
- Carousel
- Ứng dụng Interactive component
- Ứng dụng After Delay, Drag to, Scroll to
- Giao diện app bản đồ
- Plugin Mapsicle
- Ứng dụng Scroll to
-
1 Buổi
Buổi 13 - Trình bày, bàn giao thiết kế
- Hiểu về độ phân giải
- Các định dạng file svg, png, jpeg, pdf
- Hướng dẫn quy hoạch, đặt tên, sắp xếp, ghi chú cho các thành phần trong file thiết kế.
- Hướng dẫn xuất PDF nhiều trang
- Hướng dẫn tạo webfont bằng icomoon
- 9 - Tìm hiểu plugin hỗ trợ tạo mockup part 2
-
1 Buổi
Buổi 14 - Trình bày đồ án & Tổng kết khóa học
- Trình bày đồ án
- Tổng kết khóa học
- Chia sẻ hướng đi, apply Job, Freelancer
-
1 Buổi
Buổi 01 - Tổng quan về Figma, các thao tác cơ bản
-
Có hơn 9 năm kinh nghiệm làm việc trong lĩnh vực thiết kế và UI/UX, Hiện anh Lộc Nguyễn đang là Senior UI/UX Designer tại Rooster Beer Vietnam.
Giáo trình
-
1 Buổi
Buổi 01 - Tổng quan về Figma, các thao tác cơ bản
- Giới thiệu lộ trình học
- Giới thiệu các sách về sáng tạo và UI/UX
- Khái niệm về UI và UX
- Công việc thiết kế UI Design
- Các nguồn tham khảo tin cậy về UI/UX
- Định luật Jacob và sự quen thuộc trong thiết kế UI/UX
- Vai trò của Figma trong dự án thực tế
- Đăng ký Figma Education Plan
- Figjam
- Community của Figma
- Thực hành
- Đề tài cá nhân
-
1 Buổi
Buổi 02 - Vector network & Style
- Phương pháp Squint test
- Hướng dẫn vẽ viên kim cương bằng Vector network.
- Plugin: Color Scheme
- Vẽ icon new document.
- Ứng dụng Component vẽ huy hiệu
- Mask
- Plugin Figmotion
- Hướng dẫn vẽ và diễn hoạt mẫu switcher
- Bài tập
-
1 Buổi
Buổi 03 - Vector network & Style (cont)
- Thực hành vẽ nâng cao
- Hướng dẫn ứng dụng component vẽ viên gạch
- Hướng dẫn vẽ căn phòng isometric
- Plugin Easometric
- Bài tập
-
1 Buổi
Buổi 04 - Atomic Design, Design System, Color System, Type System
- Cách tìm cảm hứng màu sắc
- Hướng dẫn tạo hệ thống màu
- Plugin Color Scheme
- Tạo theo mẫu của Material Design
- Tạo hệ thống chữ cho đề tài cá nhân
- Plugin Styler
- Thực hành generate, extract style
- Bài tập
-
1 Buổi
Buổi 05 - Layout, grid, spacing, Icon, Button
- Hướng dẫn tạo grid
- Constraint
- 8-point grid
- Hướng dẫn tạo hệ thống Icon
- Hướng dẫn tạo hệ thống Button
- Hướng dẫn vẽ mẫu Modal
- Bài tập
-
1 Buổi
Buổi 06 - Thực hành component, auto-layout
- Hướng dẫn variant component Text field
- Hướng dẫn vẽ UI trang Login
- Bài tập
-
1 Buổi
Buổi 07 - Thực hành component, auto-layout (Cont)
- Hướng dẫn vẽ giao diện trang Contact
- Hướng dẫn tạo prototype
-
1 Buổi
Buổi 08 - Thực hành nâng cao: App nhắn tin
- Hướng dẫn vẽ UI App nhắn tin
-
1 Buổi
Buổi 09 - Thực hành nâng cao: App nhắn tin (tiếp tục) & Mạng xã hội
- Hướng dẫn vẽ UI App nhắn tin (Cont)
- Responsive cho tablet và mobile
- Tạo prototype
- Hướng dẫn vẽ UI mạng xã hội
- Ứng dụng đối tượng chứa hình giữ đúng tỉ lệ
-
1 Buổi
Buổi 10 - Thực hành nâng cao: Giao diện trang thương mại điện tử
- Hướng dẫn vẽ giao diện app thương mại điện tử
- Hướng dẫn tạo component chip chọn thuộc tính sản phẩm
- Hướng dẫn tạo component nhãn răng cưa chọn mã giảm giá
- Hướng dẫn tạo component stepper
- Hướng dẫn tạo component milestone giao hàng
-
1 Buổi
Buổi 11 - Thực hành nâng cao: Giao diện CMS
- Hướng dẫn vẽ giao diện CMS quản lý sản phẩm
- Hướng dẫn tạo component cấu trúc dòng của bảng
- Bài tập
-
1 Buổi
Buổi 12 - Prototype nâng cao
- Thực hành tạo Prototype Splash screen
- Các kiểu chuyển động nhanh chậm dần
- Ứng dụng After Delay
- Carousel
- Ứng dụng Interactive component
- Ứng dụng After Delay, Drag to, Scroll to
- Giao diện app bản đồ
- Plugin Mapsicle
- Ứng dụng Scroll to
-
1 Buổi
Buổi 13 - Trình bày, bàn giao thiết kế
- Hiểu về độ phân giải
- Các định dạng file svg, png, jpeg, pdf
- Hướng dẫn quy hoạch, đặt tên, sắp xếp, ghi chú cho các thành phần trong file thiết kế.
- Hướng dẫn xuất PDF nhiều trang
- Hướng dẫn tạo webfont bằng icomoon
-
1 Buổi
Buổi 14 - Trình bày đồ án & Tổng kết khóa học
- Trình bày đồ án
- Tổng kết khóa học
- Chia sẻ hướng đi, apply Job, Freelancer
-
1 Buổi
Buổi 01 - Tổng quan về Figma, các thao tác cơ bản
reGreen App
Hồ Hoàng Phương Uyên
Harry Potter Shopping Website
Nguyễn Ngọc Minh Trí
Isometric Room Switcher - Day 3 Exercise
Tây Nguyên Large
Nguyễn Phước Tài
Art Market
Dư Thị Bích Nhi
R-Coffee
Hà Phi Hải
Petties
Bùi Thảo Linh
QR Code Generator
Trịnh Minh Công
Cảm nhận học viên
Thông tin chi tiết
Cùng xem qua các tác phẩm học viên trong các khóa học UI-UX Design tại Keyframe có sử dụng Figma: Click xem các tác phẩm
Vì Sao Bạn Nên Học Figma UI Design Tại Keyframe?
- Được học và tương tác trực tiếp với giảng viên tại lớp học Offline hoặc Remote Teaching qua Zoom tùy theo hình thức học bạn chọn.
- Được tặng thư viện video khóa học, giúp bạn sở hữu trọn kiến thức dù có vắng học đột xuất.
- Được mentor 1:1 khi làm bài tập và dự án cá nhân xuyên suốt khóa học. Mục tiêu là hoàn thiện sản phẩm khi hoàn thành khóa học để cập nhật vào Portfolio.
- Hỗ trợ kiến thức mãi mãi sau khóa học.
- Keyframe cấp chứng chỉ khi hoàn thành khóa học.
Thư viện video bài giảng online được tặng kèm khi học, hiệu quả như thế nào?
Đừng Ngần Ngại
- Hãy liện hệ với chúng tôi qua hotline (028)39972268 / 0778478568 hoặc chat ngay góc phải màn hình để được tư vấn.
- Ưu đãi ngay 10% khi đăng ký 2 khóa cùng lúc.
- Hoặc 15% khi đăng ký lộ trình học từ 3 khóa trở lên. Xem thông tin lộ trình học thiết kế UIUX Product Design Completed tại link sau: https://keyframe.vn/cth/chuong-trinh-hoc-uiux-design-completed-4.html
FAQ
Mọi thắc mắc và cần hỗ trợ, vui lòng gọi: (028)39972268 | 0979106109 | 0778478568
-
Học xong có được giới thiệu việc làm không?
Keyframe cam kết cung cấp và hỗ trợ thông tin tuyển dụng trong group việc làm dành cho học viên. Học viên Keyframe sẽ chủ động apply khi thấy công việc phù hợp với mình.
-
Giá trị bằng cấp tại Keyframe
- Keyframe cấp chứng chỉ xác nhận hoàn thành khoá học đối với học viên đạt tiêu chuẩn hoàn thành khoá học offline/ trực tuyến.
- Keyframe không cấp chứng chỉ đối với học viên tham gia khoá học Online Video.
-
Các hình thức ưu đãi học phí
Hạng mục giảm Mức giảm Đăng ký sớm Giảm 5% Đăng ký 2 khóa trở lên Giảm 5% Đăng ký nhóm trên 2 người Giảm 5% Học viên cũ Giảm 2% - 10% Lưu ý: *Có thể cộng gộp các ưu đãi với nhau.
-
Hotline hỗ trợ và tư vấn!
Đừng ngần ngại! hãy liên hệ ngay với chúng tôi để được tư vấn.
-Hotline liên hệ tư vấn khoá học: (028)39972268 | 0778478568 | 0979106109
-Hotline phản ánh chất lượng đào tạo: 0939478568
-Email: Support@keyframe.vn
-Địa chỉ: Lầu M, 06 Phan Đình Giót, P. 2, Q. Tân Bình, TP. HCM (Click xem bản đồ)
-
Hướng dẫn đăng ký và đóng học phí!
- Đăng ký chỗ học qua website hoặc chat với tư vấn viên ở khung chat ngay góc phải màn hình
- Xác nhận lịch khai giảng và giờ học qua email
- Đóng học phí trước ngày khai giảng
---
Đóng học phí trực tiếp (tiền mặt hoặc charge thẻ) tại trụ sở Keyframe
Địa chỉ: Lầu M, 06 Phan Đình Giót, P. 2, Q. Tân Bình, TP. HCM (Click xem bản đồ)
+ Từ thứ 2 đến thứ 7 : 09h00 – 21h00
+ Chủ nhật : 09h00 - 17h00Đóng học phí thông qua chuyển khoản nhanh
Vietcombank HCM chi nhánh Kỳ Đồng - HCM
Tô Dương Phương Bình – 0071004405302
-
Nghi Anh Khoa - 22K15L
-
Nguyễn Phúc Hậu - 22K15L
-
Trịnh Đào Vân Anh - 22K15L
-
Nguyễn Phương Anh - 22K15L
-
Nguyễn Thái Bình Sơn - 22K15L
Xem thêm các cảm nhậnCảm ơn Thầy Lộc Nguyễn về khóa học Figma UI Design 22K15L, Thầy dạy rất là có tâm, nhiệt tình tư vấn & góp ý rất thực tế, hỗ trợ học viên nhiều. Từ một người học & tiếp thu rất chậm như mình nhưng thầy vẫn cố gắng hỗ trợ, tư vấn cũng như động viên rất nhiều. Sau khóa học của thầy mình đã hiểu và có thể tự làm được một giao diện UI tốt. Mình sẽ cố gắng phát triển trong tương lai. Cảm ơn thầy rất nhiều
Mình vừa mới hoàn thành khóa Figma 22K15L của thầy Lộc, thầy dạy rất tận tâm chi tiết và hay giúp mình feedback bài tập và chỉ mình những tips rất hay về prototype trong figma. Mình nghĩ lớp Figma tại Keyframe là lớp phù hợp cho bạn học và làm quen với app đồng thời là một bước đệm lớn để bạn có thể bắt đầu với ngành UI/UX Design.
Mình vừa hoàn thành xong khóa Figma của Anh Lộc, kiến thức phù hợp với những bạn chưa biết gì về thiết kế như mình. Thầy cô tại keyframe như một người anh/chị đi trước chia sẻ rất tận tâm. Các khóa học đều được hổ trợ video để việc ôn tập được dễ dàng hơn. Các bạn CSKH rất nice, hỗ trợ nhiệt tình. 10 điểm ❤️ (Translated by Google) I just finished the Figma course by Anh Loc, the knowledge is suitable for those of you who don't know anything about design like me. The teachers at keyframe are like a brother or sister, sharing very dedicatedly. All courses are supported with videos for easier review. The customer service guys are very nice, enthusiastic support. 10 points ❤️
Mình vừa hoàn thành khóa figma của thầy Lộc. Kiến thức rất cơ bản và bài rất nhiều nên thầy dạy rất nhanh, bù lại thầy rất nhiệt tình và quan tâm đến học viên, khi có câu hỏi thầy cũng trả lời rất chi tiết. Cám ơn sự tận tâm và lắng nghe của thầy cũng như trung tâm.
Cảm ơn thầy Lộc Nguyễn rất nhiều vì giúp mình hoàn thành khoá UI Figma với lượng kiến thức nhận được nhiều hơn mong đợi. Cũng vì lượng kiến thức hơi nhiều mà thời gian thì lại hơi ngắn nên nhiều khi load chưa kịp