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
-
Lộc Nguyễ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
Bài 01 - Tổng quan về Figma, các thao tác cơ bản
- Giới thiệu lộ trình học
- 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
- Vai trò của Figma trong dự án thực tế
- Tổng quan về Figma
- Figjam
- Community của Figma
- Thực hành
-
1 buổi
Bài 02 - Vector network & Style
- Nguyên tắc thiết kế trong UI
- Phân biệt các thành phần trong Figma
- Làm quen với Figma
- Effect
- Text
- Thực hành
-
1 buổi
Bài 03 - Vector network & Style
- Thực hành vẽ nâng cao
- Các định luật cơ bản trong UX
- Tìm hiểu Hierarchy trong UI
- Atomic Design
- Design System
-
1 buổi
Buổi mentor 01
- Đặt lịch mentor 1 kèm 1 với Giảng viên.
-
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
- Đặt lịch mentor 1 kèm 1 với Giảng viên.
-
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
- Đặt lịch mentor 1 kèm 1 với Giảng viên.
-
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
- Đặt lịch mentor 1 kèm 1 với Giảng viên.
-
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
- Đặt lịch mentor 1 kèm 1 với Giảng viên.
-
1 buổi
Bài 01 - Tổng quan về Figma, các thao tác cơ bản
-
Xuyến Nguyễ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
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.
---
Cách 1: Đóng học phí trực tiếp (tiền mặt hoặc quẹt thẻ) tại Keyframe
- Cơ sở HCM: Lầu M, 06 Phan Đình Giót, P. Tân Sơn Hoà, [Q. 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: 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, [Q. Đống Đa] HN (Xem bản đồ)
- Từ thứ 2 đến thứ 7 : 15h00 – 21h00
Cách 2: Đóng học phí thông qua chuyển khoản
Cách 3: Trả góp online/ Trả góp trực tiếp
-
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.
175 Reviews
Khóa học UX/UI của thầy Lộc đáp ứng nhu cầu cho người mới nhập môn có thể nắm vững cơ bản về ngành. Hỗ trợ thêm phí gửi xe offline cho học viên nữa là tuyệt vời luôn!
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.