SCALABLE DESIGN SYSTEM COURSE
• Trình độ: Nâng cao.
• Thời gian: 10/05/2026 - 27/06/2026.
• Thời lượng: 8 tuần.
• TRƯA CHỦ NHẬT HÀNG TUẦN. 1PM - 4:30 PM.
• 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: 10/05/2026 - 27/06/2026.
• Thời lượng: 8 tuần.
• TRƯA CHỦ NHẬT HÀNG TUẦN. 1PM - 4:30 PM.
• 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 Sáu).
Sỉ số lớp: 12-15 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 Sáu).
Sỉ số lớp: 12-15 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 á)
Chủ Nhật, 10/05/2026
+ DS là gì với 3 tầng Primitive, Semantic, Component Tokens
+ DS as a Product & Atomic Design Principles
+ Workflow setup DS: trong công ty & cho Freelancer
+ Variants, Variables & Token Modes (Light/Dark)
+ Figma Folder Structure & Variables áp dụng lên Fonts
BTVN:
Tự tay setup Variables + nhóm research DS thực tế & thuyết trình buổi sau
—
Tuần 2: Variables in Figma, Design Tokens, Design Workspace Models
Chủ Nhật, 17/05/2026
+ Review buổi 1 & nhận xét DS thực tế từ các nhóm
+ Primitive Color Tokens
+ Semantic Color Tokens
+ Figma Structure & 3 mô hình Design Workspace: Standard Product, Feature-driven, White Label (Platform Model)
+ Thực tế cho React Native gồm ngữ cảnh & giải pháp
BTVN:
Nhóm bắt đầu xây DS theo cấu trúc lớn và tạo project theo tên ngân hàng được phân công, setup Design Tokens dựa trên màu sắc thương hiệu
—
Tuần 3: The power of Annotation. Component API & iOS Library
Chủ Nhật, 24/05/2026
+ Review BTVN & nhận xét từng nhóm
+ Dive-in: Design Tokens & Design Assets; cách tổ chức files
+ The Power of Annotation & Component API
+ Negative Space
+ iOS Library gồm Controls, Navigation, System Components & Information
BTVN:
Dùng icon pack được cung cấp, tạo bộ Empty States cho iOS Library — bao gồm: icon, title, subtitle, button 1, button 2 (nếu có)
—
Tuần 4: Platform Libraries & Journey Documentation
Chủ Nhật, 31/05/2026
+ (Luôn là) review bài tập và hỏi đáp sâu
+ iOS Library gồm Navigation Controller, Universal Footer, System Components, State View & Content Slot
+ Android Library gồm Navigation, Search, Controls
+ Khác biệt thuật ngữ trong iOS vs Android
+ Web Library
+ Journey Documentation gồm Setup, Logs, Cách trình bày file & Case Example
BTVN:
Nhóm tạo các instance của Outcome Screen, gồm Đăng ký thành công, thất bại, tài khoản cần hỗ trợ tại chi nhánh. Đặt các file tại Local Components Page
—
Tuần 5: War Room: Setup New Project with DS Master Files
Chủ Nhật, 7/06/2026
+ Review BTVN (hoài luôn haha) & nhận xét từng nhóm
+ 6 bước chính set up a new project with DS master files
+ 3 lưu ý về Complexity, Gatekeeper of master files và Freeze period
+ Master files trong ngữ cảnh của giai đoạn 0-1 đến scale-up
BTVN:
Dựa trên kinh nghiệm tạo iOS Library, xây dựng Annotation Library phục vụ: Cover file, Banner Journey, Pattern thể hiện flow/logic, và các annotation tự quan sát thêm của team
—
Tuần 6: What If a Single Journey Gets Reused?
Chủ Nhật, 14/06/2026
+ Tiếp tục review BT nhưng nặng đô lên nhiều rồi nè
+ Tạo Navigation Controller
+ Tạo Passcode input
+ Nói nhanh về Illustration
+ Final output cho Capstone Project
BTVN:
Tạo Journey mới cho ngân hàng của nhóm, bao gồm: Chuyển khoản ngoài ngân hàng & chuyển khoản đến số điện thoại: cả Light & Dark theme, có Annotation & UX Pattern, màn hình kết quả đầy đủ tình huống thành công & thất bại
—
Tuần 7: Pitching, Documentation & Maintenance
Chủ Nhật, 21/06/2026
+ Cấu trúc bài Presentation (thêm Pro-tips giao tiếp)
+ Operational Efficiency Optimization
+ DS Documentation gồm Tools, Getting Started, Foundations (Tokens & Patterns), Component Library
+ DS Maintenance gồm Ticket Template & Maintenance Process
+ Review BTVN & nhận xét từng nhóm
BTVN:
Boss Level 😂
Gom toàn bộ thành Capstone Project đóng vai công ty pitch giải pháp DS cho ngân hàng giả định tại thị trường Việt Nam, xây dựng mini Design System, áp dụng vào 3 luồng: Account Registration, Transfer & Dashboard. Đầy đủ Annotation, Light & Dark theme, và thêm Premium Theme dành cho phân khúc khách hàng ưu tiên
—
Tuần 8: Tổng kết khóa học
Chủ Nhật, 28/06/2026
+3 nhóm thuyết trình Final Project
+ Nhận xét từ GV & tổng kết khóa học
+ Chụp hình tập thể siêu đẹp hehe và trao giải
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 →