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 →