01. INSTRUCTORS
02. WHO THIS COURSE FOR
03. SYLLABUS
04. YOUR RESULTS

Staylab builds streamlined UX/PRODUCT COURSES for intentional designers investing in purposeful career, taught by global guest instructors specializing in deep tech and fintech.

SCALABLE DESIGN SYSTEM COURSE

• LEVEL: Intermediate.
• DATE: 10 MAY 2026 - 27 JUNE 2026.
• DURATION: 8 weeks.
• EVERY SUNDAY. 1PM - 4:30 PM.
• 100% ONLINE VIA ZOOM.

+ All theory and homework review sessions recorded and uploaded to Google Drive (split into short videos, view-only for 2 years, no downloads)

+ Recording paused upon request: learners can ask to turn off recording anytime for private Q&A, ensuring their questions and concerns stay confidential.

Join this course →

—

Tuition: 8,700,000 VND (full course)

Payment: 50% before kick-off, 50% by mid-June
Class size: 12-15 learners, 3 groups
Invoice: Full VAT invoice provided—eligible for company sponsorship

—

Course structure:

20% General theory on scalable systems (not basic DS)
50% Instructor shares real-world experience, hands-on guidance, live project walkthroughs
30% Instructor reviews and gives feedback on each group's homework

Instructor

Long Nguyen
(Drake)

—
LinkedIn: @longnguyen95
www.thelongpixel.com

—
8+ YOE
A product designer who loves maintaining the balance of Tech, Business & Design.

—
Key experiences

2 years at an AI-powered banking platform for enterprise scale, UCARS (Singapore), ServisHero (Malaysia).

Experienced in applying atomic design principles and maintaining a scalable design system for financial technology products.

—
Personal Products

RateWise
Unlock the full potential of your credit card.
www.ratewiseapp.com

Splitly
Split bills effortlessly with friends and family.
Download on the Apple Store

Tider Photo
Scroll through your photos, tap to select the ones you do not need, and delete them all at once from the trash folder.
Download on the Apple Store

Lop em
Classroom management made easy, efficiently manage educational centers anywhere, anytime with mobile-first design.
www.delos.com.vn/lopem

For mid-level designers ready to master Design Systems

+ Designers with 3+ years of experience in UX/UI and Product Design, working with Figma.

+ Those planning to work at corporations or international companies with multiple product teams needing Design Systems across various branches and features.

+ Designers from outsourcing/agencies preparing for new job opportunities, or planning to build a personal design system for freelance projects.

+ Those wanting to confidently demonstrate their ability to build and apply Design Systems, with flexibility to transition into Design Operations roles.

+ Designers looking to strengthen their skillset and stay competitive in today's job market, especially as AI and Vibe Coding enable product releases without polished Figma files. When products stabilize and scale, teams need to standardize their design. That's when Design System skills become a real advantage in job conversations.

—
Note: Company size and location don't determine whether you need a Design System. Many startups and Vietnamese companies (including banks) have adopted DS from day one, and often guided by strategic consulting from other organizations or industry leaders.

Enroll now →

What this course gives you

—

For mid-level designers aiming for senior roles:

You need solid Design System skills to build and implement one effectively. Real learning through real practice builds the confidence to sell your value. Long's hands-on experience means you're learning deep insights from someone with genuine expertise.

—

For designers from outsourcing/agencies or small teams:

You might feel insecure about not having worked on complex product lines, or worry about those fancy skills you see online. But your execution power is your superpower. Leverage your experience from multiple client projects to learn how to build scalable design systems—and gradually step into larger, more diverse environments with confidence.

—

For those planning a job switch:

This skill is perfect to have ready. Take time to prepare your portfolio for corporate applications, especially MNCs. It's also essential for anyone planning to work abroad—because even if you're in management now, moving to a new country often means starting from a specialist role.

Week 1: Onboard, Design System and Atoms

Sun, 10 May, 2026

+ What is a DS with 3 token layers: Primitive, Semantic, Component
+ DS as a Product & Atomic Design Principles
+ DS Workflow Setup: corporate & freelance contexts
+ Variants, Variables & Token Modes (Light/Dark)
+ Figma Folder Structure & Variables applied to Fonts

Homework:
Set up Variables hands-on + group research on real-world DS & present next session

—

Week 2: Variables in Figma, Design Tokens, Design Workspace Models

Sun, 17 May, 2026

+ Review & feedback on real-world DS from each group
+ Primitive Color Tokens
+ Semantic Color Tokens
+ Figma Structure & 3 Design Workspace Models: Standard Product, Feature-driven, White Label (Platform Model)
+ React Native considerations: context & solutions

Homework:
Start building your DS structure: create a project under your assigned bank name, set up Design Tokens based on brand colors

—

Week 3: The Power of Annotation, Component API & iOS Library

Sun, 24 May, 2026

+ Homework review & group feedback
+ Dive-in: Design Tokens & Design Assets — file organization
+ The Power of Annotation & Component API
+ Negative Space
+ iOS Library: Controls, Navigation, System Components & Information

Homework:
Using the provided icon pack, create a set of Empty States for the iOS Library, including: icon, title, subtitle, button 1, button 2 (if applicable)

—

Week 4: Platform Libraries & Journey Documentation

Sun, 31 May, 2026

+ Homework review & in-depth Q&A (as always haha)
+ iOS Library: Navigation Controller, Universal Footer, System Components, State View & Content Slot
+ Android Library: Navigation, Search, Controls
+ Terminology differences: iOS vs Android
+ Web Library
+ Journey Documentation: Setup, Logs, File Presentation & Case Example

Homework:
Create Outcome Screen instances: Successful Registration, Failed, Account Requires Branch Assistance. Place files in Local Components Page

—

Session 5: War Room: Setup New Project with DS Master Files

Sun, 07 June, 2026

+ Homework review & group feedback (always!)
+ 6 key steps to set up a new project with DS master files
+ 3 considerations: Complexity, Gatekeeper of Master Files & Freeze Period
+ Master files in context: from 0–1 to scale-up

Homework:
Based on your iOS Library experience, build an Annotation Library covering: file covers, Journey banners, flow/logic patterns, and any additional annotations observed by your team

—

Session 6: What If a Single Journey Gets Reused?

Sun, 14 June, 2026

+ Homework review: things are getting more complex now
+ Building a Navigation Controller
+ Building a Passcode Input
+ Quick overview of Illustration
+ Final output for Capstone Project

Homework:
Create a new Journey for your bank: Interbank Transfer & Transfer to Phone Number: both Light & Dark theme, with Annotation & UX Patterns, full Outcome Screens covering success & failure states

—

Session 7: Pitching, Documentation & Maintenance

Sun, 21 June, 2026

+ Presentation structure & communication pro-tips
+ Operational Efficiency Optimization
+ DS Documentation: Tools, Getting Started, Foundations (Tokens & Patterns), Component Library
+ DS Maintenance: Ticket Template & Maintenance Process
+ Homework review & group feedback

Homework:
Boss Level 😂
Compile everything into your Capstone Project: pitch a DS solution for a fictional Vietnamese bank, build a mini Design System applied to 3 flows: Account Registration, Transfer & Dashboard. Full Annotation, Light & Dark theme, plus a Premium Theme for priority customer segments

—

Session 8: Course Wrap-up

Sun, 28 June, 2026

+ 3 teams present their final projects
+ Long gives feedback and closes the course
+ Group photo & awards ceremony

Reserve your spot →

Final Results

After mastering Design Systems (how to implement, maintain, and understand the benefits and processes), you'll be able to:

—

Consult freelance clients:

Advise whether they need a DS, and at what scale. This requires real conversations to understand their short-term, long-term needs and roadmap.
Interview with confidence: With deep DS knowledge, you'll have a strong foundation for recruiter conversations and can evaluate a company's project scope based on their design system.

—

Assess your current company's needs:

No one-size-fits-all solution exists. Understanding how DS works helps you evaluate your team's workflow—whether you actually need one, and to what extent. This also helps you avoid FOMO when every other team seems to have a DS but yours doesn't.

—

Master your tools:

Figma's interface keeps getting more complex. Understanding its features keeps you in control, so you won't feel lost when you see new terms in job descriptions or team conversations.

—

Adapt to workflow changes:

With AI evolving fast, work processes shift quickly. Knowing how to use DS means when your company upgrades its workflow or adds new responsibilities, you'll adapt faster.