Lớp học thiết kế UI Figma từ cơ bản đến thực tế

Cùng nhau xây dựng hệ thống thiết kế bằng cách tận dụng các biến trong Figma với giao diện UI3 mới nhất🔥 Biến là chìa khóa🔑 để mang lại trải nghiệm người dùng nhất quán và cải thiện một cách đột phá quy trình thiết kế.

Khóa học này, được thực hiện bởi sự hợp tác giữa Inflearn và Bold UX, sẽ giúp bạn học hỏi những mẹo sử dụng Figma mới nhất cùng nhiều thông tin chuyên sâu và bí quyết làm việc độc quyền của Bold UX. Đây là cơ hội để bạn tiếp nhận những thông tin quý giá về cách sử dụng Figma hiệu quả, cùng với kiến thức chuyên môn từ Bold - người đã có 9 năm kinh nghiệm thực tế trong lĩnh vực thiết kế sản phẩm (Product Design).

Nhập môn Figma: Từ cơ bản đến thiết kế website | Bạn có thể học cơ bản Figma và hệ thống thiết kế Hãy học Figma - công cụ cộng tác được nhiều người sử dụng nhất trên toàn thế giới

Trong thời đại AX khi công nghệ AI kết hợp với thiết kế UX, đội ngũ sản phẩm nên áp dụng chiến lược nào để thiết kế trải nghiệm khách hàng? Nhà nghiên cứu chính với 17 năm kinh nghiệm tại tập đoàn lớn, đồng thời là tiến sĩ HCI và người chia sẻ kiến thức sẽ hướng dẫn bạn dựa trên xu hướng mới nhất, các trường hợp ứng dụng thực tế và kết quả nghiên cứu.

Bạn có kiến thức cơ bản về HTML, CSS, JavaScript (jQuery) chưa? Nhưng bạn không biết cách tạo toàn bộ một trang web hoàn chỉnh? Vậy thì hãy thử thách bản thân bằng cách thực hiện trang chủ của một trang web bán hàng tham khảo một thiết kế có sẵn. Chúng tôi sẽ chia sẻ bí quyết để thực hiện một trang web bằng cách tham khảo một thiết kế hoàn chỉnh, nắm bắt ý định thiết kế và các chi tiết cụ thể.

Có rất nhiều trang landing page đẹp. Nhưng những trang landing page tạo ra chuyển đổi thì lại khác. Đây là khóa học thiết kế landing page tập trung vào chuyển đổi, được thiết kế dựa trên chỉ số CTR và CVR. Chúng tôi sẽ hướng dẫn cách thiết kế lượt nhấp và chuyển đổi dựa trên cấu trúc và căn cứ khoa học, thay vì chỉ dựa vào cảm tính.

Chúng tôi xin công khai "video onboarding" dành cho các nhà hoạch định và phát triển mới gia nhập công ty, mô tả đúng "phương thức làm việc thực tế" của chúng tôi. Video này hướng dẫn cách thiết kế màn hình dịch vụ mà không cần designer, và cách tạo UX Flow để làm prototype ngay cả khi bạn không biết dùng Figma. Công ty chúng tôi đang tối đa hóa năng suất bằng cách tạo prototype nhanh chóng khi lập kế hoạch dịch vụ, từ đó đưa ra quyết định nhanh, chốt các tính năng cần thiết và ứng dụng trực tiếp vào phát triển Front-end. Nếu nhận được phản hồi tốt, tôi sẽ đăng thêm các bài giảng khác về "phương thức làm việc thực tế" này.

Bạn có thể nâng cao khả năng thiết kế web di động, một trong những kỹ năng cạnh tranh nhất khi tìm việc và làm việc thực tế trong lĩnh vực Publisher. Bạn sẽ được củng cố hầu hết các phương pháp và bí quyết để tạo ra một trang web di động với tư cách là một Publisher. Đặc biệt, để đáp ứng yêu cầu về khả năng thiết kế đối với Publisher và lập trình viên hiện nay, khóa học cũng giải thích chi tiết quy trình thiết kế UI cho web di động bằng Figma, giúp bạn bao quát được phần lớn kỹ năng này. Một trong những điểm mạnh nhất của lớp học xuất bản web di động này là hướng dẫn chi tiết cách lập HTML Wireframe cho từng trang một. Thông qua bài giảng, khả năng tạo HTML Wireframe của bạn sẽ được cải thiện đáng kể. Trong phần xuất bản web di động, thông qua việc học cách điều chỉnh bố cục hoàn hảo cho di động và máy tính bảng bằng cách sử dụng biến CSS (Var), bạn sẽ đạt được năng lực làm việc tương đương với thực tế. Bạn cũng sẽ được trang bị đầy đủ kỹ năng CSS thực chiến trình độ trung cao cấp, tập trung vào bố cục Flex.

Đây là khóa học thực hành chuyên sâu về Axure prototype duy nhất tại Hàn Quốc, được giảng dạy trực tiếp bởi giảng viên được chứng nhận Axure (Axure 공인 Trainer) đầu tiên tại Hàn Quốc.

Giải thích các kỹ thuật After Effects trung cấp trở lên, có thể áp dụng trong công việc thực tế. Mặc dù giải thích bằng CC2023 nhưng chủ yếu tập trung vào các nguyên lý cơ bản không phụ thuộc vào phiên bản. Không lãng phí thời gian vào việc giải thích công cụ mà đã chuẩn bị sẵn nội dung để có thể nghiên cứu một cách chủ động.

Đây là khóa học dự án thực tế về việc trang trí đẹp mắt trang web quán cà phê được tạo bằng HTML với CSS. Bạn có thể học một cách tự nhiên tất cả các kiến thức cơ bản về CSS từ màu sắc, bố cục, typography đến Flexbox, Grid, animation, responsive design bằng cách theo dõi câu chuyện của Minji và thầy Code. Chỉ với 4 giờ học tập, ngay cả người mới bắt đầu cũng có thể hoàn thành thiết kế web chuyên nghiệp.

"Trong thế giới bận rộn như hiện nay, bạn có tin rằng mình có thể tạo portfolio nhanh chóng nhờ sự hỗ trợ của AI không?" Từ định nghĩa vấn đề, tổng hợp nghiên cứu, lên ý tưởng cho đến tạo bản mẫu (prototyping)! Hãy biến AI thành đối tác thực chiến để nhanh chóng hoàn thiện một portfolio UX/UI chất lượng cao. Bạn có thể sử dụng chiến lược các công cụ AI mới nhất cũng như các công cụ đã được kiểm chứng trong thực tế sao cho phù hợp với từng dự án.

Một nguyên mẫu (prototype) chuyển động còn hơn cả 100 màn hình đẹp! Hãy tạo ra các nguyên mẫu hoạt động như thật bằng logic điều kiện trong Figma, đồng thời rèn luyện tư duy thiết kế vững vàng ngay cả trong kỷ nguyên AI.

Trong khóa học này, chúng tôi sẽ chia sẻ những nguyên tắc UX và bí quyết thực tiễn cần thiết khi lên kế hoạch và thiết kế sản phẩm AI. Chúng ta sẽ cùng tìm hiểu về cách sử dụng AI lấy giá trị người dùng làm trung tâm, phương pháp lập kế hoạch và thiết kế UX sử dụng AI, các nguyên tắc và lý thuyết UX cốt lõi được tìm hiểu qua các trường hợp thiết kế trong đời sống hàng ngày, cũng như các phương pháp nghiên cứu UX và phân tích dữ liệu để mang lại trải nghiệm tốt hơn.

Khóa học [Tạo UI Web tuyệt đẹp với Tailwind CSS] bao gồm 19 giờ học kỹ lưỡng về Tailwind CSS v3.4.1 - framework hot nhất hiện nay, từ lý thuyết đến thực hành xây dựng website responsive thực tế. Thời lượng học dài không đồng nghĩa với một khóa học tốt. Tuy nhiên, tôi tự tin khẳng định đây là một khóa học vừa có thời lượng dài vừa có chất lượng tốt. Đặc biệt, vì khóa học đi sâu vào chi tiết toàn bộ lý thuyết Tailwind CSS trong suốt 8 giờ 30 phút, nên ngay cả những người còn thiếu kiến thức nền tảng về CSS cũng có thể học tập một cách đầy đủ. Khóa học này được xây dựng tập trung vào kỹ năng styling Tailwind CSS dành cho cả nhà phát triển (Developer) và người thiết kế giao diện (Publisher).

Các CEO khởi nghiệp có ý tưởng về ứng dụng/web mà họ muốn triển khai nhưng không biết bắt đầu như thế nào do thiếu kinh nghiệm lập kế hoạch dịch vụ ứng dụng, những người thực hành muốn học cách lập kế hoạch một cách có hệ thống trong thời gian ngắn và các nhà lập kế hoạch cấp dưới những người muốn tìm hiểu quy trình lập kế hoạch và bí quyết của những người có kinh nghiệm đều là chuyên gia. Chúng tôi sẽ hướng dẫn bạn từng bước phương pháp lập kế hoạch mới bằng Figma và kỹ năng làm việc của một PM với 17 năm kinh nghiệm, bắt đầu từ những điều cơ bản.

Bước đầu học React dành cho Publisher! Học tất cả trong một, từ cú pháp cơ bản đến sản xuất và triển khai trang web mua sắm phản hồi (responsive). Thay vì chỉ là tập hợp các ví dụ React rời rạc, bạn sẽ được học và áp dụng các cú pháp cốt lõi cần thiết để xây dựng một trang web thực tế.

Khóa học Full-stack từ thiết kế đến lập trình và triển khai!! [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + Triển khai Vercel] Hoàn thiện thiết kế của riêng bạn bằng Vibe Coding! Cẩm nang chinh phục Full-stack giúp tăng năng suất làm việc gấp 5 lần nhờ ứng dụng AI! Bạn cũng có thể trở thành một Nhà thiết kế Full-stack có khả năng đảm nhận cả thiết kế lẫn lập trình. ✅ Hiện thực hóa ý đồ thiết kế chính xác đến từng pixel không sai lệch ✅ Thiết kế cấu trúc mà AI có thể hiểu được ✅ Xây dựng câu lệnh (prompt) để kiểm soát AI một cách chính xác ✅ Phân tích và chỉnh sửa cả những mã code do AI tự ý viết ra Bạn sẽ được học quy trình làm việc thực tế như trên. Đây là khóa học dạng dài kỳ được mở theo 2 đợt: ✅ Mở đợt 1: Ngày 22 tháng 02 năm 2026 - Figma - Thiết kế chế độ Desktop - Figma - Đăng ký Variables và cách đặt tên (naming) - Figma - Thiết kế chế độ Tablet & Mobile - Chuẩn bị cho Vibe Coding - Thực chiến! Vibe Coding - Refactoring áp dụng Tailwind - Quản lý phiên bản bằng Git và triển khai trên Github ✅ Mở đợt 2: Ngày 09 tháng 03 năm 2026 (Mở dần theo thứ tự) - Refactoring React.js và triển khai trên Vercel - Hiện thực hóa Web tương tác thông qua JavaScript

Bạn đã bao giờ tạo IR Deck nhưng lại nhận được phản hồi rằng “khả năng thuyết phục còn yếu” chưa? Hầu hết vấn đề không nằm ở thiết kế mà nằm ở cấu trúc thông điệp. Dựa trên kinh nghiệm thiết kế IR Deck thực tế, tôi đã tổng hợp các tiêu chuẩn thiết kế luồng nội dung dưới góc nhìn của nhà đầu tư. Đây là khóa học giúp bạn phát triển thành một nhà thiết kế thực chiến, biết cách thiết kế cấu trúc thay vì chỉ chú trọng vào hình ảnh.

Mục tiêu của chương trình là nuôi dưỡng tầm nhìn full-stack, giúp cá nhân có thể chủ động dẫn dắt toàn bộ vòng đời của sản phẩm, từ tự động hóa nghiên cứu, liên kết dữ liệu backend cho đến quy trình triển khai trang web động thực tế. Chúng tôi mang đến sức mạnh giúp hiện thực hóa ý tưởng, đóng vai trò như một động cơ mạnh mẽ cho những ai muốn tăng cường khả năng cạnh tranh trong kỷ nguyên AI.

Đây là khóa học Cơ bản trong chuỗi "Thực chiến! Thiết kế trang web! Step by Step!", giúp bạn hiểu rõ và vận dụng hoàn hảo việc xây dựng bố cục (layout) chế độ PC và thiết kế trang web phản hồi (responsive) thông qua quá trình thực hành tạo website (Hanwha Chemical/Solutions) bằng HTML5 và CSS3. (Có đính kèm tệp hoàn thiện của bài giảng!)

Bước thứ ba trong quy trình lập kế hoạch-thiết kế-triển khai - tạo mẫu danh mục đầu tư web đáp ứng