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
-
FREE
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
- XEM 2 - Thực hành tạo một card cơ bản
-
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
-
Chị Xuyến Nguyễn có hơn 4 năm kinh ngiệm trong lĩnh vực Graphic Design. Từng giữ vị trí Graphic Design tại VinID, hiện là Senior Graphic Designer tại VNLIFE Corporation.
Giáo trình
-
1 buổi
Buổi 01 - Giới thiệu về UI/UX & làm quen với Figma
Trong buổi đầu tiên này, sau khi làm quen nhau và xác định mục tiêu của khoá học. Cả lớp sẽ bắt đầu học những kiến thức đầu tiên.
- Tìm hiểu khái niệm UI/UX.
- Các công việc thiết kế UI Design là gồm những gì?
- Tổng quan về Figma.
- Cách tổ chức và sắp xếp của file design (Project - File - Page - Frame - Layer).
- Shape Tool.
- Boolean.
- Text Tool Basic.
- Mask.
Lớp học theo phương pháp Portfolio Mentoring độc quyền tjai Keyframe. Đồng hành & Mentor 1:1 bài tập cùng dự án Portfolio cá nhân xuyên suốt lộ trình học.
Mỗi buổi học được phân chia khoa học thời gian cho lý thuyết và thực hành xen kẻ, nhiêm vụ về nhà…Giúp tối ưu ghi nhớ và vận dụng kiến thức mới ngay trong buổi học.
-
1 buổi
Buổi 02 - UI Design Basic
Ở buổi 2, bạn sẽ tiếp tục học và thực hành các tính năng, công cụ của Figma. Song song đó kiến thức UI để kết hợp ngay vào sản phẩm.
- Pentool - Vector - Stroke.
- Nguyên tắc thiết kế icon.
- Luyện tập thiết kế Icon.
- Font và tính ứng dụng trong UI.
- Loại font & size chữ khi thiết kế App, Website.
- Màu sắc & chức năng trong thiết kế UI.
- Tỷ lệ màu trong UI.
- Psychology Color.
- Thực hành luân phiên tại lớp và nhiệm vụ về nhà.
-
1 buổi
Buổi 03 - Layout
Buổi 3 bạn sẽ học chủ đạo về bố cục layout trong thiết kế UI
- Layout là gì? Các cách sắp xếp bố cục trong layout UI: Grid/containment/Space.
- Grid: Lưới là gì? Vai trò của lưới trong thiết kế.
- Các kiểu lưới phổ biến khi thiết kế app web.
- Containment là gì?
- Sapce và các sử dụng space hiệu quả trong thiết kế.
- Luyện tập tại lớp.
- Tìm hiểu về constraint, posititon.
- Nhiệm vụ về nhà.
-
1 buổi
Buổi 04 - Auto Layout
Auto layout là một phần quan trọng trong thiết kế UI. Trong buổi này, bạn sẽ học cách tạo, kiểm soát và ứng dụng Autolayout sao cho hiệu quả nhất.
- Auto layout là gì? Vai trò của Auto Layout.
- Cách tạo auto layout cho các phần tử khác nhau.
- Cách kiểm soát và điều chỉnh thông số cho các đối tượng Auto Layout.
- Auto Layout fit grid.
- Ignoring Auto Layout.
- Thực hành luân phiên tại lớp và nhiệm vụ về nhà.
-
1 buổi
Buổi 05 - Thực hành Auto layout & Component
Ở buổi này, chúng ta sẽ luyện tập nhiều hơn Auto layout và học kiến thức mới về Component để thiết kế một homepage hoàn chỉnh.
- Components là gì? Vai trò trong việc thiết kế.
- Cách tạo components.
- Instance.
- Variants.
- Luyện tập auto layout & component.
Trong buổi này giảng viên cũng sẽ bắt đầu phổ biến thông tin về dự án portfolio cá nhân để lên kế hoạch mentor.
-
1 buổi
Buổi 06 - Design System (Phần 1)
Buổi này chúng ta sẽ bắt đầu học Design System và ứng dụng các công cụ đã học vào luyện tập tao các thành phần trong Design System của riêng bạn.
- Tư duy hệ thống thiết kế theo Atomic Design.
- Foundation Design System.
- Lợi ích sử dụng Design System.
- Các thành phần của Design System.
- Luyện tập tạo bộ Color, Typo, Icon.
- Nhiệm vụ về nhà.
-
1 buổi
Buổi 07 - Design Systems (Phần 2)
Tiếp tục học và thực hành Design System nâng cao hơn với Component:
- Giới thiệu bộ component App & Website.
- Hướng dẫn tạo component: header, bottomsheet, modal.
- Hướng dẫn sử dụng DS Material Design.
- Hướng dẫn sử dụng token studio.
- Luyện tập tại lớp.
- Mentor dự án cá nhân.
-
1 buổi
Buổi 08 - Cấu trúc và tính năng
Buổi 8, song song với mentor dự án cá nhân, bạn sẽ học các kiến thức mới để áp dụng ngay vào dự án cá nhân của bạn.
- Information architecture là gì? Tại sao cần cấu trúc thông tin?
- Userstory là gì? Cấu trúc viết userstory.
- Cách xây dựng useflow cho từng luồng.
- Tại sao cần xây dựng wireframe trước khi lên bản thiết kế hoàn chỉnh.
- Công vụ thiết kế Wireframe.
- Luyện tập tại lớp.
- Mentor dự án.
-
1 buổi
Buổi 09 - Xây dựng UI từ Wireframe & Mentor dự án
Tiếp tục quá trình mentor dự án cá nhân song song với học kiến thức mới. Ở buổi này, ngoài thực hành xây dựng UI dựa trên wireframe đã hoàn thành trước đó, bạn sẽ học về Prototype và demo trình diễn prototype ngay trong buổi học.
- Prototype là gì & Cách hoạt động trong Figma.
- Các Trigger trong Prototype.
- Các Action quan trọng.
- Luyện tập tại lớp.
- Mentor dự án.
-
1 buổi
Buổi 10 - Animation & Smart Animate & Mentor dự án
Ở phần cuối lộ trình học, cường độ mentor dự án cá nhân sẽ nhiều hơn, giúp bạn áp dụng thành thạo kiến thức quan trọng vào dự án. Đồng thời vẫn tiếp thu kiến thức mới mở rộng ở mức độ vừa phải, giúp mở rộng dự án.
- Nguyên lý Animation UI.
- Smart Animate hoạt động như thế nào. Cơ chế và các lỗi phổ biến.
- Luyện tập tại lớp.
- Mentor dự án.
-
1 buổi
Buổi 11 - Kế hoạch kiểm thử đánh giá trải nghiệm
Thực hiện usability test với sản phẩm của mình với ít nhất 2-3 khách hàng.
- Khái niệm Usability testing.
- Lập kế hoạch nghiên cứu khả năng sử dụng.
- Tiến hành nghiên cứu khả năng sử dụng.
- Phân tích và tổng hợp kết quả nghiên cứu.
- Heuristic Evaluation.
- 6. A/B Testing.
- Luyện tập tại lớp.
- Mentor dự án.
-
1 buổi
Buổi 12 - Đánh giá kết quả kiểm thử và kế hoạch update
Sau khi có kết quả testing, học viên sẽ trình bày về kết quả phân tích kiểm thử và kế hoạch update cho dự án của mình. Ở buổi này bạn cũng sẽ sẵn sàng để phản biện cho những câu hỏi từ giảng viên và bạn học về dữ liệu của dự án.
-
1 buổi
Buổi 13 - Trình bày, bàn giao thiết kế
Làm sao để chuyển giao dự án đến tay khách hàng/ Dev một cách chuyên nghiệp. Buổi học này sẽ giải đáp các vấn đề đó.
- 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ế.
- File hand off bàn giao thiết kế cho Dev.
- Hướng dẫn xuất PDF nhiều trang
- Luyện tập tại lớp.
- Mentor dự án.
-
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 - Giới thiệu về UI/UX & làm quen với Figma
-
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
Bài 01 - Tổng quan về Figma, các thao tác cơ bản
-
1 buổi
Bài 02 - Vector network & Style
-
1 buổi
Bài 03 - Vector network & Style
-
1 buổi
Buổi mentor 01
-
1 buổi
Bài 04 - Atomic Design, Design System, Color System, Type System
-
1 buổi
Bài 05 - Layout, Grid, Spacing, Icon, Button
-
1 buổi
Buổi mentor 02
-
1 buổi
Bài 06 - Thực hành component, Auto-layout
-
1 buổi
Bài 07 - Thực hành component, Auto-layout
-
1 buổi
Buổi mentor 03
-
1 buổi
Bài 08 - Thực hành nâng cao: App nhắn tin
-
1 buổi
Bài 09 - Thực hành nâng cao: App nhắn tin (tiếp tục) & Mạng xã hội
-
1 buổi
Buổi mentor 04
-
1 buổi
Bài 10 - Thực hành nâng cao: Giao diện trang thương mại điện tử
-
11 buổi
Bài 11 - Thực hành nâng cao: Giao diện CMS
-
1 buổi
Bài 12 - Prototype nâng cao
-
1 buổi
Bài 13 - Trình bày, bàn giao thiết kế
-
1 buổi
Buổi mentor 05
-
1 buổi
Bài 01 - Tổng quan về Figma, các thao tác cơ bản
Lớp: 1 kèm 1
Giờ học: Tự do
Giảng viên: Lộc Nguyễn
Thời lượng: 18 buổi
Trình độ: Cơ bản - Trung cấp
Học phí: 5,800,000đ
Địa điểm: Học 1 kèm 1 Online trực tiếp bởi giảng viên, tập trung tuyệt đối, chủ động lịch học theo thời gian của bạn.
Lớp: 26OHK79X - OMO
Khai giảng ngày: 12/10/2026
Giảng viên: Xuyến Nguyễn
Thời lượng: 14 buổi
Trình độ: Cơ bản - Trung cấp
Học phí: 5,800,000đ
Địa điểm 1: Tầng 3, Tổ hợp sáng tạo Complex 01, Số 29/31/167 Phố Tây Sơn, P. Kim Liên, HN
Địa điểm 2: 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 & Kích hoạt tài khoản Figma Edu
110 Sản phẩm học viên
reGreen App
Hồ Hoàng Phương Uyên
Harry Potter Shopping Website
Nguyễn Ngọc Minh Trí
Creative Exercise
Sobe
Ong Thị Nguyệt
CozySpace Website
Trịnh Thu Trang
Opandee
Trần Đình Phúc
Bondee
Lê Trần Hoàng Vinh
Vegamate
Hoàng Mỹ Linh
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: 6 - 9 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.
173 Reviews
Mình học khoá UI/UX của thầy Lộc tại Keyframe, thầy dạy siêu kỹ, nhiệt tình, dễ hiểu luôn, bạn nào muốn nâng cấp thêm kỹ năng thì nên thử nhen, rất bổ ích
Mình đã tham gia khóa học của c Xuyến Nguyễn về Figma UI Design - 260HK73X. Sau khi học và trải nghiệm khóa học, đã giúp mình hiểu hơn về cơ cấu và cách tạo dựng lên 1 trang web bằng phần mềm Figma từ những công cụ cơ bản cho tới chuyên sâu hơn về UI. Cô rất tâm huyết, thân thiện và nhiệt tình, giảng dễ hiểu. Mng nếu muốn tìm hiểu hay học hỏi về figma mà chưa từng đc biết tới, còn chần chừ gì nữa không tham gia ngay khóa học từ cơ bản tại Keyframe
Sau khi học khoá Figma UI 25K70L - GVHD Lộc Nguyễn, mình đã tự hiện thực hoá 1 dự án cá nhân mà mình luôn ấp ủ. Thầy Lộc có nhiều năm kinh nghiệm làm nghề nên cách dạy cũng vô cùng bám sát thực tế. Chuẩn đầu ra khắt khe cũng giúp học viên tạo được 1 sản phẩm hoàn chỉnh và có tính ứng dụng cao. Tuy nhiên thời gian học trên lớp còn hơi ít, khối lượng kiến thức lại nhiều nên đôi khi hơi quá tải với những học viên đi làm.
Mình thật sự cảm ơn Khoá Figma UI Design 25K70L do thầy Lộc Nguyễn giảng dạy. Khoá học mang đến cho mình nhiều khía cạnh khác về thiết kế khiến mình phải suy nghĩ đến hướng phát triển nghề nghiệp. Mình đã có cơ hội thử thách bản thân và nâng cao kiến thức bản thân rất nhiều.
Phải nói là thật tuyệt vời sau khi học xong lớp Figma của thầy Lộc, cảm giác được mở mang kiến thức về nghề nghiệp, về chuyên môn nhiều hơn sau bao nhiêu năm làm việc trong môi trường in-house. Chỉ tiếc là quá trình làm đồ án không thể hết mình được vì công việc ở công ty, hy vọng trong chặng đường sắp tới có thể được gặp gỡ và làm việc với thầy Lộc. Cảm ơn Thầy và Trung tâm!