Khóa học Figma UI Design
Lịch khai giảng
-
Sắp có lịch mới
Liên hệ Keyframe để được hỗ trợ
Học viên review khóa học Figma UI Design tại Keyframe?
Mô tả Khóa học Figma UI Design
Khóa học Figma UI Design từ cơ bản đến trung cấp 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ế UX Product Design. Giáo trình luôn cập nhật thường xuyên theo những thay đổi của Figma.
- Biết cách phân tích để thiết kế và quản lý các thành phần (components) trên giao diện đúng cách và hiệu quả bằng Figma
- Có được nền tảng cơ sở về thiết kế giao diện.
- Biết cách tư duy có hệ thống theo atomic design.
- Biết cách tạo và quản lý các thành phần thiết kế trong design system.
- Biết về quy chuẩn của thành phần thiết kế theo các design system lớn như Material Design, Ant Design…
- Biết cách tạo và diễn hoạt các mẫu prototype có thể tương tác được để thể hiện ý tưởng, thử nghiệm với người dùng. Hoặc tạo các đoạn animation cho mục đích truyền thông, quảng cáo.
- Biết cách quản lý và bàn giao thiết kế khi 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ế.
- Kích hoạt tài khoản Figma Edu, giúp bạn sử dụng full tính năng bản quyền của Figma để học tập và làm việ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 vai trò quản lý muốn ứng dụng tư duy hệ thống và quy trình thiết kế bằng Figma trong 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.
Học Qua Hình Thức Trực Tuyến Google Meet Với Giảng Viên Có Gì Khác Với Offline Không?
Cùng xem cảm nhận của các bạn học viên khi tham gia hình thức này nhé.
Giảng viên
-
Có duyên với ngành thiết kế từ năm 2012, với các công việc làm về Packaging, Digital, UI/UX,... Từ năm 2018, mình đã bắt đầu định hình được thế mạnh về UI/UX, vậy là mình bắt đầu nghiêm túc nghiên cứu và phát triển sự nghiệp ở mảng này. Hiện tại mình đang là Lead Designer tại Rooster Beers từ năm 2020.
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
- 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
- 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
-
Giảng viên Phúc Huỳnh có hơn 8 năm kinh nghiệm làm việc trong lĩnh vực lập trình ứng dụng và UIUX Design. Có nền tảng là Software Engineer phát triển các ứng dụng web, di động trên Android, iOS. Hiện GV Phúc Huỳnh là UI/UX Designer có kinh nghiệm phát triển các ứng dụng về Bất Động Sản, Giáo dục, Du lịch, Sự kiện, Ecommerce, Blockchain, DApp & Game-Fi, ect….
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
- 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
- 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
Lớp: 25RK71P - Remote
Khai giảng ngày: 04/11/2025
Giảng viên: Phúc Huỳnh
Thời lượng: 14 buổi học
Trình độ: Cơ bản - Trung cấp
Học phí: 5,800,000đ
Địa điểm: Học trực tuyến với giảng viên qua Zoom/ Meet/ Classin...
👍 Hỗ trợ thư viện video bài giảng
🔥 Tặng tài khoản Figma Edu
Lớp: 25K72L
Khai giảng ngày: 16/12/2025
Giảng viên: Lộc Nguyễn
Thời lượng: 14 buổi học
Trình độ: Cơ bản - Trung cấp
Học phí: 5,800,000đ
Địa điểm: 06 Phan Đình Giót, P.2, Q.Tân Bình, TP.HCM
👍 Hỗ trợ thư viện video bài giảng
🔥 Tặng tài khoản Figma Edu
108 Sản phẩm học viên
681
reGreen App
Hồ Hoàng Phương Uyên
444
Harry Potter Shopping Website
Nguyễn Ngọc Minh Trí
351
Creative Exercise
50
CozySpace Website
Trịnh Thu Trang
32
Opandee
Trần Đình Phúc
300
Vegamate
Hoàng Mỹ Linh
67
An's Home
Võ Minh Đức
127
Polestar
Nguyễn Ngọc Anh
Thông tin chi tiết
Khoá học Figma UI Design nằm trong Lộ trình học UX/UI Product Design Toàn Diện
- Nếu bạn là người mới thì có thể tham khảo lộ trình dài hạn này nhé.
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 SG/ HN hoặc Remote Teaching qua Zoom tùy theo hình thức học bạn chọn.
- Hỗ trợ thư viện online video bài giảng, giúp bạn sở hữu trọn vẹn kiến thức dù có vắng học.
- Đượ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.
- Keyframe cấp chứng chỉ khi hoàn thành khóa học.
Đừng Ngần Ngại
- Hãy liện hệ với chúng tôi qua https://www.facebook.com/KeyframeMultimediaSchool hoặc chat ngay góc phải màn hình để được tư vấn.
- Ưu đãi ngay 10% khi đăng ký theo nhóm 2 người trở lên.
- Ưu đãi 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
Khóa học Figma UI Design
có trong chương trình học
Chương trình học UI/UX Product Design Completed
Lộ trình: 4 - 12 tháng
FAQ
-
Quy trình đặt chỗ học
- Đăng ký chỗ học qua website website https://keyframe.vn hoặc chat với tư vấn viên ở khung chat ngay góc phải màn hình. (Chat với trung tâm qua Fanpage: https://www.facebook.com/KeyframeMultimediaSchool )
- 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 quẹt thẻ) tại trụ sở Keyframe
- Cơ sở HCM: Lầu M, 06 Phan Đình Giót, Phường 2, Quận Tân Bình, TP. HCM (Xem bản đồ)
- Từ thứ 2 đến thứ 7 : 09h00 – 21h00
- Chủ nhật :09h00 - 17h00
- Cơ sở Hà Nội: Số 1, Ngõ 21, Lê Văn Lương, Phường Nhân Chính, Quận Thanh Xuân, TP. Hà Nội. (Xem bản đồ)
- Từ thứ 2 đến thứ 7 : 15h00 – 21h00
Đóng học phí thông qua chuyển khoản nhanh
- Vietcombank
- Cty TNHH Keyframe Multimedia – 0071000758581
- Cty TNHH Keyframe Multimedia – 0071000758581
-
Học xong có được giới thiệu việc làm không?
- Keyframe cam kết giới thiệu việc làm đối với học viên hoàn thành lộ trình toàn diện của các chương trình học.
-
Giá trị bằng cấp tại Keyframe
- Keyframe cấp chứng chỉ đối với học viên đạt tiêu chuẩn hoàn thành khoá học Offline/ Remote Teaching tại Keyframe (Chứng chỉ này có giá trị xác nhận đã hoàn thành học tại Keyframe)
- Keyframe không cấp chứng chỉ đối với học viên tham gia khoá học Online Video.
163 Reviews
Mình vừa hoàn thành xong khoá học FIGMA UI DESIGN - Keyframe do cô Hoàng Giang đứng lớp, nên viết vài dòng chia sẻ cho ai đang cân nhắc nha! Ban đầu mình chọn khóa này vì muốn học bài bản về UI và Figma. Không ngờ học xong lại thấy vui hơn mong đợi. Về nội dung: Học từ những thứ cơ bản (frame, text, component, auto layout…) đến quy trình thiết kế UI thực tế – từ brief → IA, User Flow → wireframe→ prototype. Cô hướng dẫn rất kỹ, dễ hiểu, có bài tập thực hành và được feedback từng phần. Về cô Hoàng Giang: Cô cực kỳ dễ thương, nhiệt tình. Dù lớp đông, nhưng ai hỏi cô cũng trả lời, gợi ý nhẹ nhàng chứ không hề khiến ai “ngại hỏi”. Đặc biệt là cô hay chia sẻ thêm kinh nghiệm làm nghề, giúp mình hiểu hơn về cách suy nghĩ của một UX/UI Designer thực thụ. Nếu bạn đang phân vân tìm một khoá học UI dễ hiểu, không bị “quá hàn lâm”, lại có giảng viên tận tâm thì mình nghĩ lớp cô Giang là lựa chọn rất ổn.
Chào mọi người, mình là Vy và mình vừa kết thúc khóa học Figma Ui Design 25K63L của thầy Lộc. Mình có vài dòng tâm sự cũng như cảm nhận về Keyframe Training (nói chung) và khóa học của thầy Lộc (nói riêng) đã hỗ trợ mình trong hành trình dài vừa qua. Mình bắt đầu theo học Keyframe từ năm 2020. Lúc ấy, mình chỉ đơn giản là cần 1 khóa học về Premiere để phục vụ cho công việc cá nhân lúc bấy giờ là một Video Editor tay ngang – không biết gì về mảng này/một trang giấy trắng tinh. Tất nhiên, mình đã rất vất vả để đủ điểm tốt nghiệp khóa học này haha. Từ đó, mình nhận ra mình cần học rất nhiều để có thể theo công việc đó lâu dài. Vào năm 2021, mình quyết định đăng kí thêm các khóa học về công cụ và tư duy khác. Dần dần, việc mình tham gia nhiều khóa học khác nhau tại Keyframe trở nên đều đặn vì mình muốn biết thêm những gì mình chưa biết - dù việc vừa học vừa làm rất mệt với mình. Vì những lý do khách quan, mình tạm dừng công việc Video Editor vào năm 2022 và dành toàn bộ quỹ thời gian vào việc học. Mình được gặp gỡ thêm nhiều anh/chị giảng viên và quen thêm nhiều bạn mới ở Trung tâm nên mình luôn xem Keyframe là môi trường mà mình thấy thoải mái khi được làm chính mình nhất. Mình cảm thấy vui vì khi được học, được giúp đỡ những bạn cũng đang cố gắng mỗi ngày giống mình để cùng nhau đi lên; cũng như mình cảm thấy ngành này cũng sẽ có người này người kia – nếu ai đó thực sự trân trọng bạn và thấy được sự cố gắng của bạn, họ sẽ giúp bạn không có sự toan tính trong đó. Có lẽ, họ thấy bạn trong trạng thái vất vả mà họ đã từng trải qua (mình đoán vậy ^^) hoặc đơn giản, đó là điều một giảng viên chân chính nên làm. Tới hiện tại, mình cũng đã có những dự định mới trong tương lai. Mình tin những gì mình được học và được trải nghiệm ở Keyframe Training sẽ là những điều cần thiết cho hành trình sắp tới của mình. Riêng đối với lớp thầy Lộc, mình cũng có vài điều gửi tới thầy. Thầy Lộc có nền tảng chuyên môn và giải quyết vấn đề trong lớp tốt. UI/UX là một ngành học rộng, cần bản thân tự học nhiều vì nó phức tạp và khó để hiểu (trên quan điểm cá nhân của mình). Và thầy Lộc đã giúp mình thấy nó không quá phức tạp như mình nghĩ – vì thầy truyền đạt theo hệ thống và liên kết lại các kiến thức để hiểu được bức tranh toàn cảnh. Cũng như tính chất của ngành này, bạn cần xây dựng từ những chi tiết nhỏ và những thứ sau đó sẽ dần nối theo. Nếu mình có điều thắc mắc, thầy sẽ hỗ trợ mình và không có sự phán xét (“tại sao nói rồi mà em không nhớ”, “đơn giản vậy mà em không hiểu sao?”,…là những câu mà thầy sẽ không nói). Mình dần gỡ bỏ định kiến cá nhân: việc nhờ ai đó giúp thật ra không quá tệ như mình từng nghĩ ahihi. Mình quen với việc giải quyết một thứ một mình và chỉ khi mình không thể tìm ra cách, kêu gọi sự trợ giúp mới là phương án cuối cùng mình nghĩ tới. Mình rất vui và trân trọng những gì thầy đã hỗ trợ mình trong khóa học này. Bên cạnh đó, nếu bạn cần một nền tảng về các kiến thức cơ bản tốt, mình nghĩ đây sẽ là khóa học dành cho bạn. Ngoài ra, trên quan điểm cá nhân, mình có những góp ý nhỏ để khóa học tốt này sẽ trở nên tốt hơn nữa, cụ thể là: 1/ Hiện tại, Figma vừa cập nhật phiên bản mới xịn phết, và trong quá trình học thầy có tinh gọn các kiến thức nên video online sẽ cần cập nhật mới những điều này. 2/ Cuối mỗi buổi học, thầy Lộc có thể viết Recap bài học và những thông báo về deadline nộp bài tập hay các công việc cần làm cho buổi tiếp theo để các bạn nghỉ có thể theo dõi tiến độ trong lớp. Mình hy vọng thầy sẽ luôn giữ được “lửa” trong các khóa học tiếp theo ở tương lai và mình chúc thầy sẽ luôn thành công với các dự định sắp tới. Đôi lời tâm sự của mình cũng đã dài. Mình muốn gửi lời cảm ơn đến Keyfame Training, thầy Bình-Hiệu Trưởng, các bạn Học Vụ và tất cả giảng viên của 16 khóa học đã đồng hành cùng mình trên hành trình 5 năm theo học tại Trung tâm. Chúc tất cả mọi người nhiều điều tốt lành trong cuộc sống !
Mình vừa mới kết thúc khoá học của thầy Lộc . Theo cảm nhận của mình là học thầy rất là nhiệt tình và dễ hiểu . Thầy luôn support cũng như là truyền đạt những kiến thức mới nhất về figma cho lớp . Qua lớp học trên của thầy Lộc đã cho em thấy được tư duy làm ra một sản phẩm thật sự cần những gì và thiếu gì . Cảm ơn anh rất nhiều nhé
Khóa học này là khóa học căn bản để sử dụng hiệu quả Figma. Về các phần này thì các bạn cũng có thể tự học trên các kênh free khác tuy nhiên nó sẽ rời rạc và không có cấu trúc. Nên recommend là nên đi học ở trung tâm để có cái nhìn tổng thể cũng như mindset và cấu trúc dự án cho hợp lý Recommmend thầy Lộc Nguyễn nhé, Tuy "già" nhưng dạy rất có tâm.
Đã học xong khóa FigmaUI của thầy Lê Minh Quang và đăng kí thêm khóa Prototype 101 của thầy Nguyễn Tuyến, chất lượng khá tốt cho người mới bắt đầu như mình.