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

SCALABLE DESIGN SYSTEM COURSE

• LEVEL: Intermediate.
• DATE: 18 OCT 2026 - 13 DEC 2026.
• DURATION: 8 weeks.
• EVERY SUNDAY. 9AM - 12:30 noon.
• 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: 15-20 learners, 3-4 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 as a product & foundation tokens

Sun, 18 Oct, 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
+ Figma Folder Structure & Variables applied to Fonts
+ Master files in context: from 0–1 to scale-up

Homework:
Group research on a real-world Design System and prepare to present next session.

—

Week 2: Variables, variants in Figma & workspace models

Sun, 25 Oct, 2026

+ Review & feedback on real-world DS from each group
+ Variants, Variables & Token Modes (Light/Dark)
+ Primitive Color Tokens
+ Semantic Color Tokens
+ Design Tokens: what's actually in the Figma file?
+ 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: iOS library, Web library & the power of annotation

Sun, 01 Nov, 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 Controller, Universal Footer, System Components, State View, Content Slot & Information
+ Web Library: layout, breakpoints, key components

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: Client meeting (Business/UX refinement)
& Your first journey

Sun, 08 Nov, 2026

SPECIAL SESSION: Simulating a real client meeting.
1. PM (guest teacher) has 20 minutes to present the design requirements, reflecting how every business and client communicates differently in real life.
2. Each team must actively ask questions to clarify user flow, business model, aesthetic requirements, and legal constraints (if any).

Why learners need this session:
+ Build the reflex of drafting solutions in your head during the meeting.
+ Active communication: practice asking questions, gain confidence in meetings, reduce dependency on the BA.
+ Build the core skill: respect the DS, solve the client's real needs, and defend your reasoning. This matters more than ever, now that AI can easily generate layers on top of an existing DS.

Lesson:
Your First Journey — Journey Documentation setup, logs, file presentation & case example.

Homework:
Draft your first journey based on the brief (happy path only). Bring it to Session 5.

—

Session 5: Design internal review & Android library

Sun, 15 Nov, 2026

INTERNAL REVIEW: Simulating the internal design defense before pitching to the client.
1. Design walkthrough: the designer explains the full solution to the team.
2. Multi-platform: designs presented in sync on both Mobile and Web.
3. Decision defense: the instructor plays critic, questioning decisions behind reusing vs. customizing components.

Why learners need this session:
+ Zoom OUT: DS solves the skeleton (reuse fast, save time for the niche problems). Time-to-market is the key!
+ Zoom IN: On complex screens, balance client needs, usability, and DS consistency. Pick, ship, defend.

Lesson: Android Library
+ Navigation, Search, Controls
+ Terminology differences: iOS vs. Android

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 6: Second client meeting
New journey & Shared journey

Sun, 22 Nov, 2026

SPECIAL SESSION: A new journey lands on your desk. Things are getting more complex now.
1. Requirement briefing for the new journey (same drill as Session 4, tougher problem).
2. Excavate & clarify: user flow, business model, aesthetic and legal constraints.

Lesson:
+ Shared journey: what happens when a single journey gets reused across products?
+ Building a Navigation Controller, a Passcode Input.
+ Quick overview of Illustration

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: Second internal review
& Final assessment scoping

Sun, 29 Nov, 2026

+ Internal review of the new Journey with full team defense (always!)
+ Presentation structure & communication pro-tips
+ Operational Efficiency Optimization
+ DS Documentation: Tools, Getting Started, Foundations (Tokens & Patterns), Component Library
+ DS Maintenance: Ticket Template & Maintenance Process
+ Scoping the Final Assessment: what to cover, how to structure the pitch, what "done" looks like

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.

—
One-week break for learners to work on final assignments

—

Session 8: Course Wrap-up

Sun, 13 Dec, 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.