Khóa học Figma UI Design

Lịch khai giảng

- Lớp: 25K68L
  
  Khai giảng ngày: 28/07/2025
  
  Giờ học: 18:30 - 21:00
  
  Lịch học: Thứ 2, Thứ 6
  
  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. Giúp bạn sở hữu trọn vẹn kiến thức dù có vắng học.
- Lớp: 25RK69P - Remote
  
  Khai giảng ngày: 19/08/2025
  
  Giờ học: 19:00 - 21:30
  
  Lịch học: Thứ 3, Thứ 5
  
  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. Giúp bạn sở hữu trọn vẹn kiến thức dù có vắng học.
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?

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 để vẽ và quản lý các thành phần 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 đơn giản 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ế.

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é.

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.

Xem thêm

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
Chị Hoàng Giang có hơn 10 năm kinh nghiệm làm việc trong lĩnh vực Product Design. Hiện là UI/UX leader tại TT CNTT - Tập đoàn Viettel, đồng thời là người tổ chức cộng đồng Friends of Figma, Hà Nội.

Xem thêm

Giáo trình
- 1 Buổi Buổi 01 - Làm quen & Tổng quan UI/UX
  - Làm quen
  - 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 vẽ các hình cơ bản
- 1 Buổi Buổi 02 - Vector network & Các yếu tố cơ bản part 1
  - Khái niệm vector network
  - Thực hành vẽ icon new document
  - Phương pháp Squint test
  - Các yếu tố cơ bản của Visual design
  - Chi tiết yếu tố cơ bản: Typography, color
  - Thực hành công cụ soạn chữ
  - Thực hành công cụ tô màu
  - Quy tắc sử dụng màu sắc 60-30-10
  - Kiểm tra độ tương phản về màu sắc
  - Plugin: Stark
  - Hướng dẫn vẽ viên kim cương bằng Vector network
  - Mask
- 1 Buổi Buổi 03 - Vector network & Các yếu tố cơ bản part 2
  - Thực hành vẽ icon huy hiệu
  - Chi tiết yếu tố cơ bản: Iconography
  - Plugin: iconify
  - Một số yếu tố cơ bản khác: line, size, shape, image, link, button, input
  - Phân biệt ảnh vector và bitmap
  - Thực hành vẽ nâng cao bộ icon
  - Bài tập thực hành vẽ ổ khóa
  - Chọn đề tài
- 1 Buổi Buổi 04 - Layout & Auto layout
  - Khái niệm cơ bản về layout
  - Các cách tạo layout: Grids (lưới) basic/layout
  - 8-point grid
  - Hướng dẫn tạo lưới tương ứng trên các thiết bị đáp ứng responsive layout
  - Mẹo dùng lưới
  - Phương thức tạo vách ngăn (containment)
  - Vai trò của negative/white space (không gian âm/khoảng trắng) trong thiết kế
  - Giới thiệu tổng quan về Auto-layout
  - Thực hành tạo Button
  - Thêm/sửa/xóa các phần tử trong auto layout
  - Bài tập vẽ giao diện social media (facebook/instagram)
- 1 Buổi Buổi 05 - Auto layout
  - Hướng, khoảng cách, đệm
  - Áp dụng khoảng cách âm
  - Nested auto layouts
  - Cài đặt và điều khiển auto layout
  - Thực hành tạo nav bar, check list, card, task card
  - Bài tập áp dụng auto layout cho giao diện social media
  - Tips & tricks
  - Thay đổi kích thước linh động trong auto layout
  - Các ràng buộc constraints
  - Vị trí tuyệt đối
  - Thực hành tạo noti label cho icon
  - Bài tập vẽ giao diện dashboard/quản lý contact
- 1 Buổi Buổi 06 - Component
  - Lý thuyết về component, variant
  - Cách dùng component
  - Áp dụng tạo component cho các đối tượng đã tạo auto layout: nav bar, check list, card, task card
  - Hướng dẫn tạo 1 variants phức tạp gồm nhiều trường thuộc tính
  - Đổi tên và sắp sếp lại các trường thuộc tính
  - Giá trị boolean trong variants
  - Cấu trúc đặt tên của variants
  - Thực hành tạo variants: banner thông báo, inputs text
  - Bài tập tạo component cho các thành phần trong giao diện quản lý
- 1 Buổi Buổi 07 - Component nâng cao
  - Chữa bài tập
  - Tips and tricks
  - Thực hành tạo variants: avatars, sticky notes, switcher, mobile và tablet menu
  - Text property
  - Sửa text properties từ design panel
  - Chỉnh sửa thuộc tính văn bản hàng loạt
  - Boolean property
  - Áp dụng boolean property vào card nội dung
  - Instance swap property
  - Áp dụng thuộc tính hoán đổi cá thể trong bộ icon
  - Expose nested instance
  - Áp dụng hiển thị các thuộc tính lồng nhau cho thẻ nội dung và button
  - Phân biệt cách sử dụng variant và component properties
  - Chỉnh sửa hàng loạt trong component set
  - Thực hành: tạo variant tin nhắn, button, toast banner, task cards
- 1 Buổi Buổi 08 - Atomic design và design system part 1
  - Tư duy theo Atomic design
  - Tổng quan về design system
  - Tham khảo 1 số bộ design system nổi tiếng
  - Các thành phần của design system
  - Lợi ích của việc sử dụng design system
  - Trở ngại của việc áp dụng design system
  - Tạo hệ thống chữ (typography)
  - Thực hành tạo hệ thống chữ theo mẫu của material design
  - Plugin: type scale, lorem ipsum, nisa text, styler,...
  - Bài tập thực hành vẽ giao diện app thương mại điện tử
- 1 Buổi Buổi 09 - Design system part 2
  - Chữa bài tập app TMĐT
  - Tạo hệ thống màu (color): mô hình màu, cách chọn màu
  - Plugin: image palette, color generator, color palette
  - Thực hành tạo hệ thống màu
  - Tạo hệ thống iconography
  - Hệ thống spacing, grid: 8px, tỉ lệ khung hình, mục tiêu chạm
  - Tạo hệ thống button
  - Thêm ảnh động vào thiết kế
  - Plugin: Lottiefiles
- 1 Buổi Buổi 10 - IA, flow, wireframe, variable
  - Tổng quan kiến trúc thông tin (IA)
  - Flow và User flows
  - Hướng dẫn thực hành vẽ wireframes
  - Sử dụng lo-fi wireframe kit
  - Sử dụng component từ các design system có sẵn
  - Adapt giao diện UI tương ứng wireframe
  - Mirror design và xem prototype trên Figma mobile
  - Khái niệm token, variable
  - Hướng dẫn tạo variable color tạo theme cho giao diện light/dark mode
  - Sử dụng variable string tạo biến thể ngôn ngữ
  - Sử dụng variable number, boolean tạo biển thể kích thước: mobile/tablet/desktop
  - Thực hành tạo variable cho card sản phẩm, giỏ hàng
- 1 Buổi Buổi 11 - Prototype part 1
  - Tổng quan prototype
  - Các loại cử chỉ
  - Các bước tạo prototype
  - Prototype trigger, interaction/action và animation
  - Thực hành smart animate
  - Thực hành tạo prototype cho popup/modal sử dụng spring animation
  - Thực hành tạo list ảnh sản phẩm sử dụng scroll to
  - Interactive component prototype, interactive component lồng nhau
  - Bài tập
- 1 Buổi Buổi 12 - Prototype part 2
  - Thực hành tạo một số tương tác thường gặp: menu, tooltip, chart, table, slide ảnh, trò chơi x-o
  - Kết hợp component, auto layout tạo prototype cho dock menu và tasks list
  - Video trong prototypes
  - Scroll, ứng dụng scroll trong thiết kế landing page
  - Set variable và điều kiện trong prototype
  - Thực hành áp dụng tạo màn hình convert nhiệt độ (C/F), chuyển đổi tỷ giá (VND/USD)
  - Bài tập
- 1 Buổi Buổi 13 - Trình bày, bàn giao thiết kế
  - Các định dạng và kích thước khi export
  - Pixel preview
  - Tỷ lệ export
  - Ghi chú và sắp xếp file
  - Record prototype
  - Section - phân nhóm bản vẽ
  - Hiểu về độ phân giải
  - Các định dạng ảnh svg, png, jpeg, pdf
  - Hướng dẫn quy hoạch, sắp xếp, ghi chú cho các thành phần trong file thiết kế
  - Plugin trace ảnh, tách nền, tạo mockup
  - Ngăn chặn export, copy duplicate file
  - Hướng dẫn xuất PDF nhiều trang
  - Hướng dẫn nộp bài project cuối khóa
- 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
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.

Xem thêm

Giáo trình
- 1 Buổi Buổi 01 - Tổng quan về Figma và UI Design
  - Giới thiệu lộ trình học
  - Giới thiệu các nguồn tham khảo
  - Khái niệm về UI và UX
  - Công việc thiết kế UI trong thực tế
  - Đị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
  - Quản lý Team, Project, File
  - Community của Figma
  - Figma Mirror
  - Thực hành các thao tác cơ bản trên file
    
    Observation mode
    
    Comment
    
    Share
  - Cách tổng hợp các mẫu tham khảo giao diện trên thực tế cho đồ án cuối khoá
- 1 Buổi Buổi 02 - Các công cụ tạo hình
  - Vẽ icon, hình minh họa bằng vector network, shape, boolean
    
    Vẽ hình tờ giấy bằng vector network
    
    Vẽ hình huy hiệu và hình ổ khóa bằng shape cơ bản và boolean
    
    Vẽ và tô màu viên kim cương
  - Figma Draw
  - Bài tập
- 1 Buổi Buổi 03 - Atomic Design, Design System, Color System, Type System
  - Giới thiệu về Atomic Design và Design System
  - Tạo text style
  - Tạo color style
  - Plugin: Styler, Batch Styler
  - Sao chép, chia sẻ style
  - Bài tập
- 1 Buổi Buổi 04 - Grid, constraint, auto layout
  - Hệ kích thước 4-point grid
  - Ứng dụng của grid trong thực tế
  - Breakpoints
  - Fixed, fluid, adaptive & responsive layouts
  - Cách quan sát, phân tích responsive của một giao diện thực tế
  - Tạo layout grid style
  - Smart Selection
  - Đo khoảng cách giữa các thành phần
  - Tạo Guides
  - Frame & Constraint
  - Auto-layout
  - Bài tập
- 1 Buổi Buổi 05 - Hệ thống icon và button
  - Component & Variant
  - Hệ thống icon
  - Hệ thống button
  - Modal Bài tập
- 1 Buổi Buổi 06 - Thực hành: UI trang đăng nhập, tạo tài khoản
  - Thực hành vẽ UI trang đăng nhập, tạo tài khoản cho desktop và mobile
  - Tạo prototype
- 1 Buổi Buổi 07 - Thực hành: UI app nhắn tin và mạng xã hội
  - Tạo các component trên giao diện desktop
  - Áp dụng constraint
  - Tạo giao diện responsive cho tablet và phone
  - Tạo prototype: while pressing, open overlay, overflow behavior
  - Hướng dẫn về UI app mạng xã hội
  - Ứng dụng đối tượng chứa hình ảnh giữ đúng tỉ lệ
- 1 Buổi Buổi 08 - Thực hành: UI trang thương mại điện tử, CMS
  - Tạo các component, section của trang chủ
  - Tạo button chọn thuộc tính sản phẩm
  - Tạo component mã giảm giá có chi tiết đồ hoạ rời
  - Tạo component Stepper
  - Tạo component cấu trúc bảng
  - Tạo prototype cho bảng CMS
- 1 Buổi Buổi 09 - Prototype nâng cao
  - Ứng dụng của các trigger và action: After delay,On drag, Keyboard/Gamepad, Mouse, Scroll to, Back…
  - Các kiểu easing của chuyển động
  - Smart Animate và các animation preset
  - Các cách nối prototype nhanh và hiệu quả
  - Ứng dụng của prototype trong thực tế
- 1 Buổi Buổi 10 - Các lưu ý khi trình bày, bàn giao thiết kế; Hướng dẫn đồ án cuối khóa
  - Các định dạng và kích thước khi export
  - Công cụ Slice, Section
  - Các plugin hỗ trợ tạo mockup,
  - Cách record prototype
  - Hướng dẫn đồ án cuối khóa
- 1 Buổi Buổi 11 - Sửa bài đồ án cuối khóa, giải đáp các thắc mắc chung
  - Sửa bài đồ án cuối khóa
  - Giải đáp các thắc mắc chung
- 1 Buổi Buổi 12 - Hỗ trợ dự án (Remote qua Meet)
- 1 Buổi Buổi 13 - Hỗ trợ dự án (Remote qua Meet)
- 1 Buổi Buổi 14 - Tổng kết
  - Trình bày đồ án
  - Tổng kết khóa học
  - Hỏi đáp, chia sẻ cuối khoá
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….

Xem thêm

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

Lớp: 25K68L

Khai giảng ngày: 28/07/2025

Giờ học: 18:30 - 21:00

Lịch học: Thứ 2, Thứ 6

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. Giúp bạn sở hữu trọn vẹn kiến thức dù có vắng học.

Lớp: 25RK69P - Remote

Khai giảng ngày: 19/08/2025

Giờ học: 19:00 - 21:30

Lịch học: Thứ 3, Thứ 5

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. Giúp bạn sở hữu trọn vẹn kiến thức dù có vắng học.

Tác phẩm học viên

582

reGreen App

Hồ Hoàng Phương Uyên

380

Harry Potter Shopping Website

Nguyễn Ngọc Minh Trí

302

Creative Exercise

251

Vegamate

Hoàng Mỹ Linh

34

An's Home

Võ Minh Đức

97

Polestar

Nguyễn Ngọc Anh

113

Foxcel Parcel

Trần Bảo Chi

71

Desi

Nguyễn Chung Tuyến

Lê Nguyễn Tiểu Nguyện - 25OHK64G - OMO

Khóa học Figma UI Design

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.

Verified by Google

Nguyễn Bảo Thanh Vy - 25K63L

Khóa học Figma UI Design

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 !

Verified by Google

Tăng Sậy Hạnh - 24K46L

Khóa học Figma UI Design

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é

Verified by Google

Nguyễn Thị Hạnh - 23K38L

Khóa học Figma UI Design

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.

Verified by Google

Phạm Đình Kha - 22K18Q

Khóa học Figma UI Design

Đã 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.

Verified by Google

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

Xem chi tiết

Chương trình học UI/UX Product Design Completed

Lộ trình: 4 - 12 tháng

Quy trình đặt chỗ học
1. Đă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 )
2. Xác nhận lịch khai giảng và giờ học qua email.
3. Đó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
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.