Khoá 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 - Foundation, Design tokens, Component, Pattern, Design System trong tổ chức và cá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

Trình độ

Cơ bản

Thời lượng

8 buổi

Chứng chỉ sau khoá

Kiến thức đầu vào

FIGMA

HỌC VIÊN NÓI GÌ VỀ TELOS

  • Võ Thị Anh Thư

    Sau khi hoàn thành 6 khóa học ở Telos mình từ 1 đứa vẽ cái logo Figma còn méo lên méo xuống giờ đã có trong tay một vài project UI/UX nho nhỏ cho cả app và web, ngoài ra còn có thể tự code một trang landing page đơn giản nữa. Đối với một người bắt đầu từ con số 0 như mình thì mình cảm thấy rất tự hào vì đã đi được quãng đường xa như vậy, may mắn có Telos đồng hành. Mỗi buổi học đều là một hành trình kiến thức thú vị được anh chị giảng viên truyền đạt hết sức nhiệt tâm và chi tiết. Mình muốn gửi lời cảm ơn tới trung tâm và các anh chị, vì đã luôn kiên nhẫn tận tình hỗ trợ học viên trong suốt quá trình học tập. Và kể khi không còn học ở đây nữa thì vẫn nhận được sự hỗ trợ trọn đời. Đó là điều mà mình thấy rất trân trọng.

  • Hoàng Nguyên Hạnh
    Sinh Viên Năm 2 Ngành TMĐT

    Em là sinh viên ngành Thương mại điện tử, nó là một lĩnh vực hoàn toàn khác với UXUI. Vì vậy mà ban đầu học UXUI em có gặp đôi chút khó khăn, như việc không có nền tảng về thiết kế, cần phải học cách tư duy có hệ thống và yêu cầu khả năng tự học khá nhiều. TELOS đã giúp em rất nhiều trong việc giải quyết những khó khăn mà em gặp phải. Nhờ vào môi trường học tập thoải mái, giảng viên tận tâm, và cả kho tàng bài tập tha hồ để thực hành thì em đã thành thạo hơn trong việc sử dụng các công cụ, bên cạnh đó em còn học được thêm về tư duy thiết kế, tư duy hệ thống và các bước làm ra sản phẩm thực tế.

  • Lê Nguyễn Thùy Dương
    Product Manager

    Là Product Owner, mình thường phải tự xử lý các wireframe, lofi Ul trên Figma, khi học về cấu trúc Figma giúp mình quản lý tốt hơn và làm các wireframe nhanh hơn. Ngoài ra mình cũng có thể tự tin làm những UI design cho sản phẩm riêng hoặc tham gia các cuộc thi hackathon. Một lợi ích khác là mình hiểu cấu trúc các bạn Ul designer đang tổ chức. Nội dung và cấu trúc khóa học ở TELOS được tổ chức hợp lý về số lượng buổi, nội dung từng buổi. Sau mỗi buổi giảng viên đều có bài tập để thực hành và sửa bài tập vào ngày hôm sau, việc thực hành giúp cho dễ dàng nhớ kiến thức. Hình thức học online cũng khá tiện lợi cho học viên. Kiến thức thực tế và có thể áp dụng vào công việc hàng ngày.

  • Huệ Mẫn
    Là một học viên sau khi đã hoàn thành khoá học Figma tại TELOS mình có một vài cảm nhận như sau.
    Khoá học tại đây không chỉ giúp mình sử dụng thành thạo các công cụ trong Figma, nắm vững các khái niệm quan trọng trong lĩnh vực thiết kế, mà còn giúp mình áp dụng chúng linh hoạt trong thực tế. Thầy cô giảng viên tại Telos rất xuất sắc trong việc truyền đạt kiến thức một cách rõ ràng và dễ hiểu. Thầy cô rất là nhiệt tình và sẵn sàng hỗ trợ mình trong quá trình làm thiết kế nếu mình có gặp khó khăn gì. Không chỉ vậy, môi trường học tập tại Telos cũng rất thân thiện và thoải mái, từ thầy cô giảng viên đến anh chị học viên khác ai cũng hoà đồng, vui vẻ.
    Cuối cùng, việc nhận được học bổng sau khi hoàn thành khoá học là một động lực lớn để mình tiếp tục phấn đấu. Mình cảm ơn Telos vì cơ hội này và tin rằng những kỹ năng mà mình đã học được sẽ là nền tảng vững chắc cho mình sau này.
  • Đặng Hoàng Minh Tâm
    Cảm ơn Telos đã giúp em có những giúp em nắm rõ kiếm thức sử dụng công cụ, tư duy và vận dụng chúng trong công việc. Ngoài ra em rất cảm ơn các giảng viên đã luôn luôn nhiệt tình, tận tâm hỗ trợ những thắc mắc trong các khóa học và sau khóa học. Hi vọng Telos sẽ luôn có những khóa học chất lượng trong tương lại để em có thể quay lại học các khóa học mới một lần nữa.
  • Ngô Thảo
    Để biết về thiết kế website từ A đến Á, mình đã đăng kí lớp Web chuyên sâu của thầy Trung, mình học online nhưng ko thấy thiệt thòi gì so với offline hết, thầy giảng bài nhiệt tình, dễ hiểu, thường xuyên đưa ví dụ trực quan và thực tế để minh hoạ, mình rất phá nhưng thầy rất hiền và kawaii. Qua khoá học mình hiểu về quy trình thiết kế website từ bước ban đầu đến khi kết thúc, biết các tool liên quan khi làm web.
    Trước đó mình đã học lớp Figma và lớp Code sau đó là lớp App cùng có trải nghiệm tương tự, giảng viên Telos đánh giá chung là nhiệt tình và chiều học viên, recommend buôn làng hãy cùng nhau cắp lap đi học 🦘
  • Đào Đình Phúc
    Sinh Viên Trường Đại học Tài chính - Marketing
    Mình đã tìm tới trung tâm học thêm vì cảm thấy mệt và rối khi mày mò tìm hiểu gần cả tháng nhưng cũng không thấy mình tiến triển lắm. Cảm nhận của mình là giảng viên hòa đồng và thân thiện, giảng bài và chỉ dẫn rất dễ hiểu, đúng trọng tâm vấn đề. Hơn nữa sau khóa học có thắc mắc hay gặp khó khăn gì cũng có thể quay lại hỏi giảng viên. Nếu sản phẩm cuối khóa tốt còn nhận được học bổng hoàn học phí nên đó cũng là một động lực để học viên cố gắng hơn.
    Cảm ơn TELOS vì đã giúp mình có được kiến thức và tư duy nền tảng vững chắc. Mong là tương lai sẽ có thêm những khóa học chất lượng.

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

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.

đăng ký nhận tư vấn

Tại sao nên học khoá UI Design System

8 BUỔI

kiến thức cô đọng về Design System

1 DỰ ÁN

Để thực hành sâu

40%

Gia tăng năng suất teamwork

CHỈ 1

là module học về Design system duy nhất dành cho Designer

học xong được gì?

1

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.
2

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.
3

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ế.

Đăng ký nhận tư vấn

Thông tin khoá 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. 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.
DEMO ĐẦU RA KHÓA HỌC

Giảng viên

DIỄM LÊ

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 ₫
Khai giảng: 02/06 (thứ 2-6), 19h-21h
Chọn hình thức học

Nội dung khoá học

1

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.

2

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

3

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)

4

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...)

5

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…)

6

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.

7

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ế.

8

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

kết quả đầu ra

sản phẩm học viên

Chillsound

Trần Thiện Sáng  |  UI Design

BlogGame

Võ Trần Quang Thông  |  Figma - Khóa 33

Katdo Studio

Bùi Việt Tú  |  Figma - Khoá 31

GoCamp

Bùi Việt Tú  |  Mobile App - Khóa 1

Egoz App

Nguyễn Đặng Văn  |  UI Design

App Learning Language

Nguyễn hồng Hưng  |  Mobile App - Khóa 2

Tại sao nên

học UI/UX tại
TELOS ACADEMY?

1 hỗ trợ trọn đời

Bạn vẫn hoàn toàn có thể tận dụng nguồn lực từ trung tâm và nhận được sự hỗ trợ xuyên suốt với các cập nhật kiến thức mới, cơ hội việc làm, kết nối và cộng đồng cựu học viên để sinh hoạt và phát triển sự nghiệp.

2 kiến thức nền tảng đào sâu tư duy

Các khóa học tại TELOS Academy tạo dựng cho bạn một cái nhìn tổng quan về ngành, về thị trường và cả về những hướng phát triển có thể có của lĩnh vực. Một cách học rất khác và hiệu quả.

3 cam kết giới thiệu việc làm

Với hệ thống đối tác sâu và rộng, các cơ hội hỗ trợ về việc làm tại TELOS Academy dành cho học viên sau khóa học rất rộng mở. Bạn chỉ cần học thật tốt, sẽ có những cánh cửa được mở.

4 Lộ trình học linh động - trọn vẹn

Dù là học một kiến thức, kỹ năng cụ thể hay học toàn lộ trình thì các khóa học đều có thể hỗ trợ bạn rất tốt. Học xong một nhóm khóa hiểu vấn đề và quay lại bổ sung kiến thức cũng là một lựa chọn hợp lý.

    FAQs

    CÂU HỎI THƯỜNG GẶP

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

    Đây là khóa học thiết kế cho người mới bắt đầu. Từ việc thiết lập tư duy sử dụng công cụ một cách khoa học cho đến các kiến thức tổng quan về UX và UI.

    Khóa học sẽ cung cấp cho người mới lượng kiến thức và cách tiếp cận hiệu quả nhất.

    Kiến thức của khóa học có đủ để tôi làm việc?

    Các kiến thức của khóa học đầy đủ và dồi dào để bạn có thể tham gia vào lĩnh vực thiết kế UI/UX Design như một người được đào tạo bài bản.

    Tuy nhiên bạn vẫn cần trau dồi và rèn luyện thêm để có thể có một sự nghiệp của mình.

    Tôi đang muốn chuyển ngành, liệu khóa học có phù hợp không?

    Với các bạn chuyển ngành, đây là khóa học phù hợp.  Thậm chí bạn sẽ có nhiều lợi thế vì những gì đã có ở ngành được chuyển qua.

    Các kiến thức của khóa học sẽ là hành trang chất lượng để bạn bước ra ngoài và xây dựng con đường công việc của mình

    Học xong rồi tôi có được hỏi-đáp với giảng viên sau này không?

    Với TELOS, khóa học có thể kết thúc nhưng sự học thì không. Vậy nên giảng viên rất vui vẻ để đồng hành với các thắc mắc của bạn trong quá trình về sau.

    Cứ hỏi và sẽ nhận được những phản hồi đầy tâm huyết.

    Khóa học có đảm bảo việc làm ở đầu ra không?

    Có nhiều kênh để tạo ra cơ hội cho học viên và nhu cầu của thị trường là rất cao. Nhưng kiến thức khóa học và các cơ hội chỉ là điều kiện cần.

    Điều quan trọng hơn là sự cố gắng và chịu khó của chính cá nhân người học, nếu tận dụng triệt để khóa học thì việc có một công việc là hoàn toàn trong khả năng

    Zalo

    Điền form và TELOS sẽ liên hệ

    Rất mong chờ đón chào bạn ở lớp học Figma lần này nhé!

      Điền form và TELOS sẽ liên hệ

      Rất mong chờ đón chào bạn ở lớp học Code for Designer lần này nhé!

        Điền form và TELOS sẽ liên hệ

        Rất mong chờ đón chào bạn ở lớp học UI Design lần này nhé!

          Điền form và TELOS sẽ liên hệ

          Rất mong chờ được đón chào bạn ở lớp học figma lần này nhé

            Điền form và TELOS sẽ liên hệ

            Rất mong chờ đón chào bạn ở lớp học UX Design lần này nhé!

              Điền form và TELOS sẽ liên hệ ENĐiền form và TELOS sẽ liên hệ

              Rất mong chờ được đón chào bạn ở lớp học lần này nhé

                Điền form và TELOS sẽ liên hệ

                Rất mong chờ được đón chào bạn ở lớp học figma lần này nhé

                  Điền form và TELOS sẽ liên hệ

                  Rất mong chờ đón chào bạn ở lớp học Mobile Design lần này nhé!

                    Điền form và TELOS sẽ liên hệ

                    Rất mong chờ đón chào bạn ở lớp học Web Design lần này nhé!

                      Điền form và TELOS sẽ liên hệ

                      Rất mong chờ được đón chào bạn ở lớp học Business Analysis cơ bản lần này nhé!

                        Điền form và TELOS sẽ liên hệ

                        Rất mong chờ được đón chào bạn ở lớp học Business Analysis luyện thi ECBA lần này nhé!

                          Điền form và TELOS sẽ liên hệ

                          Rất mong chờ được đón chào bạn ở lớp học Business Analysis thực chiến lần này nhé!

                            Điền form và TELOS sẽ liên hệ

                            Rất mong chờ đón chào bạn ở lớp học UI Design System lần này nhé!