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

Back to top ↑

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: 14 DEC 2025 - 01 FEB 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)

+ Real project segments are never recorded—to protect actual work confidentiality

Join this course →

—

Tuition: 7,300,000 VND (full course)

Payment: 50% before kick-off, 50% by mid-January
Class size: 12 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.

Session 1: Onboard, Design System and Atoms

Sun, Dec 14, 2025

Understand how a Design System operates in a corporate environment: its context, real-world problems and solutions. Learn the reusability of design tokens and user journeys, analyze DS pros and cons, and get familiar with Figma file organization throughout the course.
+ Our first Team
+ Color Style
+ Text Style: following iOS pattern for course acceleration
+ Icons: Iconsax

Homework:
+ Form groups
+ Create variables for 2 Color themes: Light and Dark
+ Text style

—

Session 2: iOS Components – Molecules 1

Sun, Dec 21, 2025

+ Review homework
+ Let's create iOS Library: Components
+ Before you continue: Are you familiar with Auto Layout? If not, we'll spend time on it together.
+ Import Design Token file
+ Import icons
+ Button, Checkbox, Radio, Chip, Text Input, System components

Homework:
Expand your iOS Library to Tab Bar, Chip, Badges, Search Bar…

—

Session 3: iOS Design Patterns – Organisms

Sun, Dec 28, 2025

+ Payment Card
+ Navigation Controller
+ Password Input
+ Segment Control
+ Summary Stack
+ Amount Input
+ State View
+ List Item → List
+ General Card

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

—

Session 4: Our First Journey

Sun, Jan 04, 2026

+ Review homework
+ Theory: Journey
+ Let's create these screens: Splash, Onboarding/Walkthrough x3, Login, Sign Up, Terms and Conditions, OTP, Outcome screen
→ You've now built a complete Sign Up flow

Homework:
Create instances of the Outcome screen: Successful registration, Failed, Account needs branch assistance. Place these files in Local Components page.

—

Session 5: War Room – New Project

Sun, Jan 11, 2026

After completing Token File → iOS Library File → Screens → Journey, we'll use everything to run through hypothetical scenarios:
+ Happy case: Adopt the entire Journey file with minor tweaks
+ Custom: Light customization, add steps
+ Build: Client needs a completely custom journey

Homework:
Based on your iOS Library experience, create an Annotation Library for:
+ File covers
+ Journey banners
+ Patterns to visualize flow/logic
+ Feel free to add annotations based on your team's observations

—

Session 6: What If a Single Journey Gets Reused?

Sun, Jan 18, 2026

+ Define the Journey Pattern and give it a proper place
+ Let's use our annotations
+ New Journey: Internal Bank Transfer

Homework:
Create a new journey for your team's bank, including:
+ External bank transfer
+ Phone number transfer
+ Both Light and Dark themes
+ Annotations and UX Patterns applied
+ Transfer result screen with all scenarios: Success, Failure

—

Session 7: Build – Dashboard

Sun, Jan 25, 2026

Create a dashboard screen with these widgets:
+ Account list
+ Promotional banners
+ Latest Transactions
+ Cards
+ Quick Actions

Dashboard states to cover:
+ No internet / Load failed
+ Specific widget failed to load
+ Loading data

Homework:
Boss Level 😂
Your team pitches a solution for a fictional Vietnamese bank. Build a mini design system and apply it to three main flows: Account Registration, Transfer, and Dashboard. All flows must include full annotations, support Light and Dark themes. Plus, since Vietnamese banks often customize UI for priority customers, develop a Premium theme that stays true to the bank's Design DNA while feeling distinctly elevated.

—

Session 8: Course Wrap-up

Sun, Feb 01, 2026

+ 3 teams present their final projects
+ Long gives feedback and closes the course

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.