SCALABLE DESIGN SYSTEM COURSE
• Trình độ: Nâng cao.
• Thời gian: 01/11/2026 - 27/12/2026.
• Thời lượng: 8 tuần.
• TRƯA CHỦ NHẬT HÀNG TUẦN. 9AM - 12:30 trưa.
• 100% online qua Zoom.
+ Tất cả tài liệu, bài giảng và video khóa học được upload trên Google Drive (chia nhỏ rất dễ xem lại, quyền view trong 2 năm)
+ Đặc biệt: Hỏi đáp trực tiếp với GV, bạn được yêu cầu tắt record để giữ hoàn toàn bảo mật công việc của bạn.
Tham gia khóa học →
• Thời gian: 01/11/2026 - 27/12/2026.
• Thời lượng: 8 tuần.
• TRƯA CHỦ NHẬT HÀNG TUẦN. 9AM - 12:30 trưa.
• 100% online qua Zoom.
+ Tất cả tài liệu, bài giảng và video khóa học được upload trên Google Drive (chia nhỏ rất dễ xem lại, quyền view trong 2 năm)
+ Đặc biệt: Hỏi đáp trực tiếp với GV, bạn được yêu cầu tắt record để giữ hoàn toàn bảo mật công việc của bạn.
Tham gia khóa học →
—
Học phí: 8,700,000 VND (toàn khóa học), chia 2 lần thanh toán
Thanh toán: 50% cọc, 50% giữa khóa (tháng 11).
Sỉ số lớp: 12 bạn, chia thành 3 nhóm làm BT.
Xuất H/Đ theo yêu cầu tài trợ học phí của công ty.
—
Khung thời lượng:
20% Lý thuyết về Hệ thống thiết kế nâng cao (scalable, không phải căn bản).
50% ví dụ thực tế, hướng dẫn cầm tay chỉ việc, đi từng vấn đề hay gặp khi phát triển DS ở tập đoàn.
30% sửa thực hành bài tập, hỏi đáp trên kết quả thực hành (đây là phần được yêu thích nhất của khóa học).
Học phí: 8,700,000 VND (toàn khóa học), chia 2 lần thanh toán
Thanh toán: 50% cọc, 50% giữa khóa (tháng 11).
Sỉ số lớp: 12 bạn, chia thành 3 nhóm làm BT.
Xuất H/Đ theo yêu cầu tài trợ học phí của công ty.
—
Khung thời lượng:
20% Lý thuyết về Hệ thống thiết kế nâng cao (scalable, không phải căn bản).
50% ví dụ thực tế, hướng dẫn cầm tay chỉ việc, đi từng vấn đề hay gặp khi phát triển DS ở tập đoàn.
30% sửa thực hành bài tập, hỏi đáp trên kết quả thực hành (đây là phần được yêu thích nhất của khóa học).
Giảng viên
Long Nguyen
(Drake)
LinkedIn: @longnguyen95
www.thelongpixel.com
—
8+ năm kinh nghiệm
Product designer rất tâm huyết trong việc duy trì sự cân bằng của Công nghệ, Kinh doanh & Thiết kế.
—
Kinh nghiệm chính
2 năm tại nền tảng ngân hàng ứng dụng AI quy mô doanh nghiệp, UCARS (Singapore), ServisHero (Malaysia).
Có kinh nghiệm áp dụng nguyên tắc Atomic Design và duy trì design system có khả năng mở rộng cho các sản phẩm công nghệ tài chính.
Sản phẩm cá nhân Long xây dựng
RateWise
Khai thác toàn bộ tiềm năng từ thẻ tín dụng của bạn.
www.ratewiseapp.com
Splitly
Chia tiền dễ dàng với bạn bè và gia đình.
Download on the Apple Store
Tider Photo
Lướt và chạm để chọn những ảnh không cần thiết, rồi xóa tất cả cùng lúc trong thùng rác.
Download on the Apple Store
Lop em
Quản lý lớp học dễ dàng, điều hành trung tâm giáo dục hiệu quả ở bất cứ đâu, bất cứ lúc nào với thiết kế ưu tiên mobile.
www.delos.com.vn/lopem
Dành cho mid-level designers muốn tự chủ Design System
+ Designers từ 3+ năm kinh nghiệm UX/UI và Product Design, làm việc với Figma. (Khóa học sẽ cung cấp Figma Edu cho bạn, cùng được học thêm 1 tool thực hành xây DS từ AI)
+ Những ai đang chuẩn bị làm việc tại các tập đoàn hoặc công ty quốc tế với nhiều product team, cần Design System xuyên suốt các nhánh sản phẩm và tính năng khác nhau.
+ Designers từ outsourcing/agency muốn chuẩn bị cho quá trình tìm việc mới, hoặc có kế hoạch build design system cá nhân để đánh các dự án lẻ
+ Những ai muốn chứng minh và tự tin về việc hiểu cách xây và áp dụng Design System, có khả năng linh hoạt chuyển sang vị trí Design Operations.
+ Designers muốn củng cố kỹ năng và duy trì tính cạnh tranh trong thị trường việc làm hiện nay - đặc biệt khi AI và Vibe Coding cho phép ra mắt sản phẩm mà không cần file Figma hoàn chỉnh. Khi sản phẩm ổn định và tăng trưởng, các team cần chuẩn hóa thiết kế. Đó là lúc kỹ năng Design System trở thành lợi thế thực sự trong các buổi phỏng vấn tuyển dụng.
—
Ghi chú: Quy mô và vị trí địa lý công ty chưa quyết định nhu cầu xây design system hay không, vì vẫn có nhiều startup hoặc công ty VN (Bank) đã có chủ trương xây DS ngay từ đầu (nhờ việc nhận tư vấn chiến lược từ các tổ chức khác hoặc các banks đi trước).
Đăng ký ngay →
—
Đối với mid-level muốn lên senior:
Các bạn cần nắm chắc về design system để xây và triển khai được nó. Học thật làm thật thì mới đủ tự tin bán giá trị bản thân. Kinh nghiệm thực tế của Long sẽ giúp các bạn học sâu từ người có expertise thật.
—
Đối với designers từ outsourcing/agency hoặc team 1-2 người:
Các bạn thường tự ti vì chưa làm qua những dòng sản phẩm phức tạp, lo lắng về các kỹ năng bóng bẩy trên mạng. Nhưng năng lượng thực thi là superpower của bạn. Từ kinh nghiệm đánh nhiều dự án thuê, các bạn sẽ leverage để học cách xây scalable design system giúp upgrade, đủ tự tin dần bước vào những môi trường lớn hơn, đa dạng hơn (nhiều team, nhiều tính năng, nhiều nhánh).
—
Đối với các bạn đang có kế hoạch nhảy việc, đang soạn lại portfolio:
Kỹ năng này rất cần thiết để trang bị sẵn, dành thời gian sửa soạn portfolio để apply vào tập đoàn, đặc biệt là MNCs. Đây cũng là nền tảng quan trọng cho những ai dự định làm việc ở nước ngoài (vì dù chị làm quản lý gì thì nếu qua đất nước mới, chị vẫn cần đi từ vị trí chuyên môn á)
Design System as a product & foundation tokens
Chủ Nhật, 01/11/2026
+ Design System là gì với 3 lớp token: Primitive, Semantic, Component
+ DS như một Product & nguyên lý Atomic Design
+ Thiết lập DS Workflow: bối cảnh corporate và freelance
+ Cấu trúc thư mục Figma & Variables áp dụng cho Font
+ Master files trong ngữ cảnh: từ 0–1 đến giai đoạn scale-up
BTVN:
Nghiên cứu nhóm về một Design System thực tế và chuẩn bị thuyết trình ở buổi sau.
—
Tuần 2: Variables, variants in Figma & workspace models
Chủ Nhật, 08/11/2026
+ Review & feedback về DS thực tế của từng nhóm
+ Variants, Variables & Token Modes (Light/Dark)
+ Primitive Color Tokens
+ Semantic Color Tokens
+ Design Tokens: thực sự có gì bên trong file Figma?
+ 3 mô hình Design Workspace: Standard Product, Feature-driven, White Label (Platform Model)
+ Những lưu ý với React Native: bối cảnh và hướng giải quyết
BTVN:
Bắt đầu xây dựng cấu trúc DS của bạn, tạo một project theo tên ngân hàng được phân công, thiết lập Design Tokens dựa trên màu thương hiệu.
—
Tuần 3: iOS library, Web library & the power of annotation
Chủ Nhật, 15/11/2026
+ Review bài tập về nhà & feedback theo nhóm
+ Dive-in: Design Tokens & Design Assets, cách tổ chức file
+ Sức mạnh của Annotation & Component API
+ Negative Space
+ iOS Library: Controls, Navigation Controller, Universal Footer, System Components, State View, Content Slot & Information
+ Web Library: layout, breakpoints, các component chủ chốt
BTVN:
Dùng bộ icon được cung cấp, tạo một tập Empty States cho iOS Library, bao gồm: icon, tiêu đề, tiêu đề phụ, button 1, button 2 (nếu có).
—
Tuần 4: Client meeting (Business/UX refinement)
& Your first journey
Chủ Nhật, 22/11/2026
SPECIAL SESSION: Mô phỏng một buổi họp thật với khách hàng.
1. PM (giảng viên khách mời) có 20 phút để trình bày yêu cầu thiết kế, phản ánh đúng cách mà mỗi doanh nghiệp và khách hàng giao tiếp khác nhau trong thực tế.
2. Mỗi đội phải chủ động đặt câu hỏi để làm rõ user flow, mô hình kinh doanh, yêu cầu thẩm mỹ, và các ràng buộc pháp lý (nếu có).
Vì sao học viên cần buổi này:
+ Rèn phản xạ phác thảo giải pháp trong đầu ngay trong buổi họp.
+ Giao tiếp chủ động: luyện đặt câu hỏi, tự tin trong meeting, giảm phụ thuộc vào BA.
+ Xây dựng kỹ năng cốt lõi: tôn trọng DS, giải quyết nhu cầu thật của khách hàng, và bảo vệ được lập luận của mình. Điều này càng quan trọng khi AI có thể dễ dàng sinh ra các lớp trên nền một DS có sẵn.
Bài học:
Journey đầu tiên của bạn, cách thiết lập Journey Documentation, log, cách present file và ví dụ case cụ thể.
BTVN:
Phác thảo journey đầu tiên dựa trên brief (chỉ happy path). Mang đến buổi 5.
—
Tuần 5: Design internal review & Android library
Chủ Nhật, 29/11/2026
SPECIAL SESSION: Mô phỏng buổi bảo vệ thiết kế nội bộ trước khi pitch cho khách hàng.
1. Design walkthrough: designer trình bày toàn bộ giải pháp cho team.
2. Multi-platform: thiết kế được present song song trên cả Mobile và Web.
3. Decision defense: giảng viên đóng vai người phản biện, chất vấn các quyết định đằng sau việc reuse hay customize component.
Vì sao học viên cần buổi này:
+ Zoom OUT: DS giải quyết phần khung xương (tái sử dụng nhanh, dành thời gian cho các bài toán ngách). Time-to-market là chìa khoá!
+ Zoom IN: Ở những màn hình phức tạp, cân bằng nhu cầu khách hàng, tính usability, và tính nhất quán của DS. Chọn, ship, defend.
Bài học: Android Library
+ Navigation, Search, Controls.
+ Sự khác biệt về thuật ngữ giữa iOS và Android.
BTVN:
Tạo một journey mới cho ngân hàng của bạn: Interbank transfer & Transfer to phone number. Cả light lẫn dark theme, có annotation và UX pattern, đầy đủ các màn outcome bao gồm cả success và failure state.
—
Tuần 6: Second client meeting
New journey & Shared journey
Chủ Nhật, 06/12/2026
SPECIAL SESSION: Một journey mới rơi xuống bàn làm việc của bạn. Mọi thứ đang phức tạp dần lên.
1. Brief yêu cầu cho journey mới (quy trình như buổi 4, bài toán khó hơn).
2. Đào sâu và làm rõ: user flow, mô hình kinh doanh, yêu cầu thẩm mỹ và các ràng buộc pháp lý.
Bài học:
+ Shared journey: điều gì xảy ra khi một journey được tái sử dụng qua nhiều sản phẩm?
+ Xây dựng một Navigation Controller, một Passcode Input.
+ Tổng quan nhanh về Illustration.
BTVN:
Tạo một journey mới cho ngân hàng của bạn: Interbank transfer & Transfer to phone number. Cả light lẫn dark theme, có annotation và UX pattern, đầy đủ các màn outcome bao gồm cả success và failure state.
—
Tuần 7: Second internal review
& Final assessment scoping
Chủ Nhật, 13/12/2026
+ Internal review Journey mới với phần defense đầy đủ của cả team (luôn luôn!)
+ Cấu trúc bài present & các pro-tip về giao tiếp
+ Operational Efficiency Optimization
+ DS Documentation: Tools, Getting Started, Foundations (Tokens & Patterns), Component Library
+ DS Maintenance: Ticket Template & quy trình bảo trì
+ Scoping bài đánh giá cuối: cần cover những gì, cách cấu trúc bài pitch, "done" trông ra sao
BTVN:
Boss Level 😂
Gom tất cả vào Capstone Project của bạn: pitch một giải pháp DS cho một ngân hàng Việt Nam giả định.
+ Xây một mini Design System áp dụng cho 3 flow: Account Registration, Transfer và Dashboard.
+ Đầy đủ annotation, light và dark theme, cộng thêm một Premium Theme cho phân khúc khách hàng ưu tiên.
—
Một tuần nghỉ để các bạn học viên hoàn thiện bài cuối khóa.
—
Tuần 8: Tổng kết khóa học
Chủ Nhật, 27/12/2026
+ 3 đội trình bày bài cuối khóa
+ Thầy giáo feedback và khép lại khóa học
+ Chụp ảnh nhóm và lễ trao thưởng
Giữ chỗ ngay nhận trọn bộ video →
Sau khi hiểu được Design System, cách triển khai, maintain, những lợi ích và quy trình thực hiện, các bạn học viên tự tin:
—
Tư vấn cho khách Freelance:
Có nên xây dựng DS hay không, xây ở quy mô nào, điều này cần designer trao đổi cụ thể để hiểu nhu cầu trong kế hoạch ngắn hạn, trung hạn, dài hạn và roadmap của khách hàng.
—
Tự tin hơn khi đọc JD và trao đổi với nhà tuyển dụng:
Vì đã nắm được tận nguồn về DS, anh chị đã có nền tảng để trao đổi trong buổi gặp gỡ với nhà tuyển dụng, cũng như đánh giá được quy mô của dự án/công ty dựa trên DS của họ.
—
Cân nhắc áp dụng cho công ty hiện tại:
Không có đôi giày nào vừa cho tất cả, việc hiểu rõ How DS works giúp anh chị nhìn nhận lại quy trình của công ty mình và đánh giá được nó có cần DS hay không, nếu cần thì ở mức độ nào, giúp anh chị quản lý tránh tâm lý FOMO khi nhìn tất cả team khác đều có DS nhưng team mình chưa có.
—
Hiểu rõ và kiểm soát công cụ tốt hơn:
Như các anh chị thấy, giao diện Figma hiện tại ngày càng phức tạp với nhiều tính năng, việc hiểu thêm các tính năng mà Figma hiện có giúp anh chị kiểm soát tốt hơn công cụ của mình, luôn trong trạng thái chủ động, không bị hoang mang khi thấy quá nhiều từ mới trong JD hoặc trong giao tiếp với đồng nghiệp.
—
Chuẩn bị cho sự biến động về quy trình của công ty:
Vì sự phát triển của AI, cách làm việc của mọi người thay đổi khá nhanh, nên nếu biết cách sử dụng DS, một ngày công ty có nâng cấp quy trình, hoặc yêu cầu designer làm thêm đầu việc, mình sẽ có tỉ lệ thích nghi cao hơn.
Tham gia khóa học →
LIÊN HỆ
• EMAIL: ngthuyan14@gmail.com (Thúy An)
• ADMIN: cuong.nguyen@staylab.edu.vn (Cường admin)
• WHATSAPP / PHONE: 0931-477-299
• TELEGRAM: ngthuyan14
• FACEBOOK/staylab.edu.vn
Đăng ký ngay →
• ADMIN: cuong.nguyen@staylab.edu.vn (Cường admin)
• WHATSAPP / PHONE: 0931-477-299
• TELEGRAM: ngthuyan14
• FACEBOOK/staylab.edu.vn
Đăng ký ngay →