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 →