Khóa học

UI Design System

Là khóa học bổ sung cho Product Designer và UI/UX Designer muốn nâng cấp tư duy hệ thống

Bao gồm

Design system - FoundationDesign tokensComponent, PatternDesign System trong tổ chứcCách viết document & handoff

Hiểu rõ giá trị và vai trò của Design System trong tổ chức​

Biết cách xây dựng và duy trì một hệ thống thiết kế chuyên nghiệp

Sử dụng Design Tokens để tạo ra UI linh hoạt, dễ mở rộng và đồng bộ với hệ thống code

Ai nên tham gia khoá học này?

Bạn đã làm nghề được 1-2 năm và tham gia các dự án tại công ty nhưng nhận ra mình cần phải phát triển hơn nhưng chưa biết bắt đầu từ đâu?

Thứ bạn thiếu có thể là tư duy hệ thống, cách suy nghĩ ở cấp độ sản phẩm (product design thinking) hoặc việc teamwork cùng developer.

Với các kiến thức chuyên môn về lĩnh vực thiết kế, bạn đã có cho mình tư duy thẩm mỹ và kỹ năng phù hợp để làm ra một thiết kế đẹp. Giờ đây bạn cần bổ sung tư duy hệ thống, tính quy hoạch và các nguyên tắc của ngành UI/UX Design.

Bạn đang là sinh viên ngành graphic, marketing và các ngành liên quan đang muốn bước chân qua ngành UI/UX.

Khóa sẽ giúp bạn tạo dựng kỹ năng thực tế sau khi đã được định hướng tư duy ở môi trường lớp học chuyên sâu.

UI/UX Designer

Bạn đã làm nghề được 1-2 năm và tham gia các dự án tại công ty nhưng nhận ra mình cần phải phát triển hơn nhưng chưa biết bắt đầu từ đâu?

Thứ bạn thiếu có thể là tư duy hệ thống, cách suy nghĩ ở cấp độ sản phẩm (product design thinking) hoặc việc teamwork cùng developer.

Graphic Chuyển Ngành

Với các kiến thức chuyên môn về lĩnh vực thiết kế, bạn đã có cho mình tư duy thẩm mỹ và kỹ năng phù hợp để làm ra một thiết kế đẹp. Giờ đây bạn cần bổ sung tư duy hệ thống, tính quy hoạch và các nguyên tắc của ngành UI/UX Design.

Sinh Viên khối ngành Thiết Kế

Bạn đang là sinh viên ngành graphic, marketing và các ngành liên quan đang muốn bước chân qua ngành UI/UX.

Khóa sẽ giúp bạn tạo dựng kỹ năng thực tế sau khi đã được định hướng tư duy ở môi trường lớp học chuyên sâu.

Tại sao nên học khóa

UI Design System

08 buổi

Học sâu - Hiểu sâu

02 lần

Nâng cấp chương trình

02 phần thưởng

Cho 2 sản phẩm đầu ra xuất sắc nhất mỗi khóa

Top 1

Khóa học về Design System trên thị trường

Thông tin khoá học

UI Design System

UI Design System là khóa học bổ sung cho Product Designer và UI/UX Designer muốn nâng cấp tư duy hệ thống. Học viên sẽ được hướng dẫn xây dựng một bộ Design System hoàn chỉnh trên Figma, kết hợp với tài liệu hóa chuyên nghiệp trên Notion. 

LỢI ÍCH KHÓA HỌC MANG LẠI:

  • Giúp UX/UI Designer chuẩn hóa quy trình thiết kế và đảm bảo tính nhất quán trên các sản phẩm.
  • Hiểu và áp dụng Design System cho phép designer giao tiếp hiệu quả hơn với lập trình viên, giảm lỗi trong quá trình phát triển.
  • Kỹ năng xây dựng Design System là xu hướng hot trong ngành thiết kế, giúp designer nổi bật, đặc biệt trong các công ty quốc tế hoặc dự án quy mô lớn, tăng cơ hội thăng tiến.
  • Designer có thể dễ dàng điều chỉnh và mở rộng hệ thống thiết kế khi sản phẩm phát triển, đáp ứng nhu cầu thay đổi của thị trường.

Tham khảo demo khóa học tại đây.

Giảng viên

Diễm Mai

  • Hơn 10 năm kinh nghiệm trong ngành UI/UX
  • Hiện là UI/UX Leader cho dự án HR Tech tại thị trường Nhật
Học phí
3,420,000 ₫ 3,600,000 ₫
Ngày khai giảng
02/02 (thứ 2 & 6)
Thời gian học
19h-21h
Chọn hình thức học

Trình độ

CƠ BẢN

Yêu cầu
đầu vào

FIGMA

Thời lượng

08 BUỔI

Giấy chứng nhận

01. Tổng quan về Design system

  • Design System là gì? Tại sao cần Design System?
  • Phân biệt Style Guide và Design System.
  • Các bộ DS nổi bật hiện tại (Material Design, Carbon, Polaris...).
  • Cấu trúc cơ bản của một Design System.

02. Design system - Foundation

Nắm được các thành tố cơ bản cấu thành nên Foundation của 1 bộ Design system, bao gồm: Color system, Iconography, Typography, Spacing, Elevation, Illustration…
Bài tập: tạo 1 bộ foundation cho 1 brand giả định

03. Design tokens

  • Design token là gì? Vai trò của token trong Design system.
  • Các cấp độ Token (global, alias, component).
  • Cách hoạt động với token (đối với designer và developer).

Bài tập: tạo lập Design token trên Figma (với Variable)

04. Component-based design

  • Nguyên lí hoạt động của Atomic design và cách ứng dụng.
  • Cấu trúc và naming convention cho component library.
  • Biến thể, trạng thái, khả năng tái sử dụng.

Bài tập: Thiết kế một số components cơ bản (Button, Input, Card...)

05. Pattern - based design

  • Các dạng pattern thường gặp trong Design system.
  • Cách tạo lập và ứng dụng linh hoạt trong thiết kế.

Bài tập: Thiết kế một số patterns phổ biến (modal, sidebar, table…)

06. Design System trong tổ chức

  • Ai là người dùng Design System?
  • Cách làm việc giữa Designer – Developer.
  • Quản lý hệ thống ở quy mô lớn.
  • Cách tổ chức và bảo trì thư viện.

07. Viết Document & Handoff

  • Cách viết guideline cho component, token.
  • Đảm bảo tính thống nhất giữa file design và production code.
  • Tool hỗ trợ handoff: Zeroheight, Storybook, Notion...

Bài tập: Viết tài liệu hướng dẫn sử dụng 1–2 component/pattern đã thiết kế.

08. Review đồ án cuối khóa

  • Đồ án cuối khóa: Thiết kế foundation + token + 5 component/pattern + tài liệu hướng dẫn.
  • Học viên thuyết trình bài làm.
  • Nhận xét và phản hồi.

Học Xong Được gì?

01

xây dựng design system chuyên nghiệp

Nắm vững cách xây dựng và duy trì một bộ Design System hoàn chỉnh trên Figma và tài liệu hóa trên Notion.

02

hiểu và tối ưu vai trò design system

Hiểu rõ giá trị và vai trò của Design System trong tổ chức, cải thiện hiệu quả làm việc với team dev, sẵn sàng cho sự mở rộng và phát triển sản phẩm.

03

thực hành qua đồ án

Áp dụng kiến thức đã học vào đồ án cuối khóa, sẵn sàng triển khai vào project thực tế.

Sản Phẩm Học Viên

UI Design

Chillsound

Trần Thiện Sáng

Figma - Khóa 33

BlogGame

Võ Trần Quang Thông

Figma - Khoá 31

Katdo Studio

Bùi Việt Tú

Mobile App - Khóa 1

GoCamp

Bùi Việt Tú

UI Design

Egoz App

Nguyễn Đặng Văn

Mobile App - Khóa 2

App Learning Language

Nguyễn hồng Hưng

UX - Khoá 17

Cinemate

Quảng Bội Kha

UI Design

DeMor

Phước Hậu

Mobile App - Khoá 01

POGO

Thịnh Đinh

Mobile App - Khóa 01

Artventure

Anh Thư

Học viên nói gì về TELOS?

Mình đang theo học Khoa học máy tính, và định hướng của mình là làm trong mảng phát triển sản phẩm, đặc biệt là UI/UX. Mình muốn kết hợp kiến thức kỹ thuật với khả năng thiết kế để xây dựng những sản phẩm công nghệ vừa hiệu quả, vừa dễ sử dụng cho mọi người. Mình thấy hài lòng nhất với môi trường học tập tại TELOS: giảng viên nhiệt tình, kiến thức được hệ thống dễ hiểu và có nhiều bài tập thực hành sát với thực tế. Sau khóa học, mình đã tự tin hơn trong việc thiết kế UI/UX và biết cách tư duy sản phẩm rõ ràng. Trộm vía, mình còn được chọn là học viên xuất sắc của khóa Tư duy Figma, điều này khiến mình rất tự hào.

Lê Xuân Thành
Học viên lộ trình UX/UI Designer

Tôi biết đến TELOS thông qua các diễn đàn và cộng đồng về thiết kế trên Facebook, có nhiều anh chị trong ngành thường xuyên chia sẻ về các khóa học chất lượng. Yếu tố chính khiến tôi quyết định chọn TELOS là danh tiếng về đội ngũ giảng viên giàu kinh nghiệm thực tế và portfolio ấn tượng của các học viên khóa trước. Tôi cảm thấy tin tưởng vào lộ trình học bài bản và cam kết hỗ trợ việc làm sau khóa học, điều này đã củng cố niềm tin rằng TELOS là lựa chọn tốt nhất để tôi bắt đầu sự nghiệp UX/UI của mình.

Trịnh Hoàng Huy
Học viên lộ trình UX/UI Chuyên sâu

Hiện tại mình đang là 1 BA và trước đây là 1 Developer, từ sau khi chuyển sang mảng phân tích nghiệp vụ thì mình cũng rất quan tâm đến phần thiết kế nên đã tìm hiểu và theo học khóa Figma và UI Design tại TELOS. Khóa học giúp mình nhìn rõ hơn mối liên kết giữa design và development: từ việc đặt tên component, quản lý màu sắc, typhography, đến cách chuẩn hóa guideline để dev có thể triển khai nhanh và đúng hơn. Ngoài ra sẽ có 1 phần project cuối khóa cũng là điểm cộng lớn. Mình phải tự xây dựng một mini system hoàn chỉnh, lấy từ dự án thực tế xong nhờ thầy sửa giúp luôn :))). Yên tâm là giảng viên ở đây dễ thương lắm, chia sẻ thẳng thắn, có kinh nghiệm thực chiến. Và mình cũng đang theo lộ trình học mà họ thiết kế.

Lê Đức Minh Quân
Học viên lớp Figma & UI Design

Điều mình ấn tượng ở Telos là cách họ chia nhỏ các khóa học theo từng mảng kiến thức, rất phù hợp với những bạn vừa muốn tự học chủ động, vừa muốn có mentor hướng dẫn để trao đổi thêm khi cần giống như mình. Giáo vụ và giảng viên ở Telos đều rất dễ thương , sp nhiệt tình.  Bên ngoài kiến thức, giảng viên thường chia sẻ trải nghiệm thực tế trong quá trình đi làm— điều mà mình nghĩ rất đáng giá với sinh viên như mình. Sau mỗi khóa thì mình không chỉ nhận được kiến thức của khóa học mà còn có thêm nhiều nguồn tài nguyên về refereces, các tips khi làm việc thực tế, cách làm việc với khách hàng và cả một sản phẩm đầu ra để thêm vào portfolio nữa.

Đỗ Hà My
Học viên lớp Figma & Web Design

Câu hỏi thường gặp

01. Tôi chưa biết gì cả liệu có học được không?

02. Đầu ra của khóa học là gì?

03. Tôi có được hỗ trợ sau khóa học không?

04. Một lớp có tối đa bao nhiêu học viên?

05. Trung tâm có nhận dạy 1 kèm 1 không?

06. Quy trình đăng ký và vào học như thế nào?

    I. Thông tin cá nhân

    II. Lựa chọn khóa học

    TELOS Academy sẽ liên hệ với bạn trong vòng 24 giờ để hiểu rõ hơn về nhu cầu của bạn. Hãy để ý điện thoại để không bỏ lỡ cuộc gọi từ chúng mình nhé!

      I. Thông tin cá nhân

      II. Lựa chọn khóa học

      TELOS Academy sẽ liên hệ với bạn trong vòng 24 giờ để hiểu rõ hơn về nhu cầu của bạn. Hãy để ý điện thoại để không bỏ lỡ cuộc gọi từ chúng mình nhé!

        I. Thông tin cá nhân

        II. Lựa chọn khóa học

        TELOS Academy sẽ liên hệ với bạn trong vòng 24 giờ để hiểu rõ hơn về nhu cầu của bạn. Hãy để ý điện thoại để không bỏ lỡ cuộc gọi từ chúng mình nhé!

        Zalo