inflearn logo

Khóa học

Chia sẻ kiến thức
inflearn logo
Bootcamp Hệ thống Thiết kế hoàn thành trong 6 tuần - Khóa 4
Design

/

UI/UX

Bootcamp Hệ thống Thiết kế hoàn thành trong 6 tuần - Khóa 4

Trong 6 tuần, những gì bạn nhận được

  • Xây dựng hệ thống thiết kế bằng cách sử dụng biến (variables)

  • Cập nhật phiên bản Figma mới nhất nửa đầu năm 2025

  • Củng cố khái niệm về biến (variable) dựa trên Design Token và Atomic Design

  • Tự tay tạo từng thành phần thiết kế cốt lõi từ đầu, hơn 33 thành phần

  • Tạo trang UI B2B, B2C, mobile bằng cách sử dụng chế độ Variable

Bắt đầu 20 thg 9

42 ngày

Hoàn thành 1 thg 11

  • 4.9217 đánh giá khóa học gốcĐánh giá khóa gốc
  • 1,612 ngườiNgười đã học khóa học gốcHọc viên khóa gốc
  • 79 bài giảng, 8 nhiệm vụ và 4 buổi trực tiếp

bolduxlab님과 함께해요!

5,771

Học viên

336

Đánh giá

278

Trả lời

4.9

Xếp hạng

7

Các khóa học

Tôi là Bold, hướng dẫn viên chính tại Bold UX Lab, nơi giúp các nhà thiết kế sản phẩm (Product Designer) phát triển. Tôi bắt đầu sự nghiệp với tư cách là một nhà nghiên cứu (Researcher), sau đó chuyển sang làm Product Designer và đã tích lũy kinh nghiệm trong nhiều lĩnh vực khác nhau như Fintech, Cloud Tech và Marketing. Dù tốt nghiệp thạc sĩ trong nước và không qua đào tạo tại nước ngoài, tôi vẫn đang làm việc tại nước ngoài và có nhiều kinh nghiệm thực tế. Trong quá trình làm việc, tôi đã thực hiện các nội dung dưới đây.

  • Xây dựng và quản lý hệ thống nghiên cứu người dùng (User Research)

    Thiết lập và quản lý hệ thống nghiên cứu người dùng (User Research)

  • Xây dựng và quản lý hệ thống thiết kế (Design System),

    Thiết kế UI/Prototyping bằng Figma

  • Huấn luyện và cố vấn năng lực thiết kế

Thông qua Inflearn, tôi muốn chia sẻ những bí quyết thực tế mà mình biết, đồng thời bản thân cũng hy vọng sẽ học hỏi được nhiều điều thông qua quá trình này.

Cảm ơn bạn.

Kinh nghiệm và sự nghiệp

(Hiện tại) Senior Product Designer · Công ty giải pháp dữ liệu

(Cũ) Từng hoạt động với tư cách là Product Designer trong nhiều lĩnh vực đa dạng như Nghiên cứu toàn cầu, Fintech, Điện toán đám mây, v.v.

Nghiên cứu viên tại Phòng thí nghiệm Kỹ thuật Nhận thức, Đại học Yonsei

Thêm


Bạn đã từng gặp phải
tình huống này khi vào làm việc tại công ty chưa?


Image_03

Cùng một ứng dụng nhưng
mỗi trang lại có phong cách nút khác nhau

Image_02

Giữa lập trình viên và nhà thiết kế,
thông số kỹ thuật không khớp

Image_01

Figma không có component,
các file thiết kế rời rạc


Nếu để mặc những vấn đề này..


Complication

Những vấn đề này có thể được giải quyết thông qua hệ thống thiết kế

có thể giải quyết một cách căn bản.


Đặc biệt, design token sử dụng tính năng Variables của Figma đóng vai trò cốt lõi trong việc tạo ra quy trình làm việc nhất quán và hiệu quả. Trên thực tế, các công ty toàn cầu như Atlassian, Microsoft, IBM đã áp dụng điều này, và giờ đây năng lực về design system đang trở thành yêu cầu bắt buộc đối với product designer/developer.

6주 완성 디자인 시스템 부트캠프


Bootcamp Hệ thống Thiết kế hoàn thành trong 6 tuần không chỉ đơn thuần dạy công cụ Figma, mà còn giúp bạn học cách xây dựng hệ thống thiết kế có thể áp dụng ngay vào thực tế công việc.

Xin chào, tôi là designer Bold.

Lý do tôi lên kế hoạch và vận hành bootcamp này rất đơn giản. Trong 8 năm làm UX Researcher và Product Designer, tôi đã nhận ra một điều - làm việc không có design system thực sự rất kém hiệu quả.

Đặc biệt sau khi trải qua dự án cập nhật hệ thống thiết kế sử dụng Figma Variables với năng suất tăng gấp 2 lần và tạo ra trải nghiệm người dùng nhất quán, tôi muốn chia sẻ bí quyết này với nhiều designer hơn.

Bootcamp này được thiết kế dựa trên những thử nghiệm, sai lầm và kinh nghiệm thành công mà tôi đã trải qua trực tiếp trong thực tế. Từ các khái niệm cốt lõi về design token và hệ thống cho đến ứng dụng thực tế, tôi đã xây dựng chương trình học thực tiễn mà bạn có thể áp dụng ngay vào công việc hiện tại.

Trong 6 tuần, hãy tham gia hành trình thú vị cùng học hỏi và phát triển!


Khác biệt hoàn toàn so với các khóa học thông thường

Bootcamp Hệ thống Thiết kế với 4 điểm nổi bật

Point_01

Làm chủ hoàn toàn Variables qua 6 tuần học tập từng bước

Chinh phục hoàn toàn từ A-Z với lý thuyết và thực hành từ Variable, Component đến Mode thông qua chương trình giảng dạy có hệ thống

Point_02

Phản hồi chi tiết từ chuyên gia

Với mỗi bài tập, giảng viên sẽ trực tiếp kiểm tra link Figma và cung cấp nhận xét cũng như phản hồi cá nhân

Point_03

Cộng đồng giao tiếp thời gian thực

Cộng đồng học tập cùng nhau nghiên cứu và thực hành qua Discord Orientation & Live Q&A

Point_04

Buổi đặc biệt trực tiếp về thực tế công việc

Chia sẻ bí quyết từ việc viết tài liệu hệ thống thiết kế đến tăng cường khả năng cộng tác và thuyết phục trong nhóm


Một mình thì khó, nhưng cùng nhau thì có thể!

Chương trình học 6 tuần hoàn thành 🚀

(Tuy nhiên, bạn cần đầu tư tối thiểu 5 giờ trở lên mỗi tuần, bao gồm xem bài giảng và thực hành.)

커리큘럼

9월

19일

챌린지 시작일

2025년 9월 19일 오후 11:00

챌린지 종료일

2025년 10월 31일 오후 11:59

챌린지 커리큘럼

Tất cả

91 bài giảng ∙ (22giờ 13phút)

Tài liệu khóa học:

Tài liệu bài giảng
챌린지 전용 수업
Trực tiếp

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Bất kỳ ai quan tâm đến hệ thống thiết kế

  • Người chưa quen với Variable/Design Token

  • PM/Developer tò mò về Design System

  • Những người muốn nâng cấp kỹ năng Figma lên một tầm cao mới

Cần biết trước khi bắt đầu?

  • Figma cơ bản (giao diện cơ bản, auto layout)

Đánh giá

Tất cả

5 đánh giá

5.0

5 đánh giá

  • askare6904님의 프로필 이미지
    askare6904

    Đánh giá 14

    ∙

    Đánh giá trung bình 5.0

    5

    32% đã tham gia

    Tôi luôn tham gia tất cả các khóa học mỗi khi thầy Bold mở lớp!! 👍👍👍 Trong buổi live bootcamp thử thách lần này cũng vậy, mỗi buổi đặc biệt đều giải thích chi tiết các phần dễ nhầm lẫn trong thực tế công việc, cách designer handoff (file, tài liệu hóa, cách hiển thị layout/grid, kiểm tra design system, cách sử dụng chi tiết plugin kiểm tra accessibility, bí quyết meeting handoff, v.v.) với các ví dụ cụ thể nên rất hữu ích để tham khảo!! Sẽ giúp ích rất nhiều cho các junior designer làm một mình không có mentor!! Tôi rất muốn giới thiệu!! Có thể hỏi những phần không biết trong thực tế liên quan đến khóa học trên Discord nên rất tốt!! Luôn cảm ơn thầy vì những khóa học hay!!

    • 12345678님의 프로필 이미지
      12345678

      Đánh giá 45

      ∙

      Đánh giá trung bình 4.1

      Đã chỉnh sửa

      5

      100% đã tham gia

      Khi học một mình thì khó hoàn thành, nhưng khi có sự kiểm tra định kỳ trong quá trình học thì cuối cùng đã hoàn thành được khóa học. Tôi khuyên những ai đang có áp lực về việc hoàn thành khóa học nên thử. Ngoài ra, chất lượng bài giảng cao của giảng viên là điều cơ bản, và tôi khuyên dùng.

      • momoo님의 프로필 이미지
        momoo

        Đánh giá 1

        ∙

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        Trong suốt 77 bài học, anh đã tạo ra những nội dung quá tuyệt vời khiến em tập trung và học tập chăm chỉ suốt quá trình nghe bài! Em đã thử tạo design system và nghĩ rằng mình đang làm khá tốt, nhưng vẫn cảm thấy còn thiếu sót nên khi bắt đầu học qua tài liệu thì cảm thấy bối rối, lúc đó có thể học chăm chỉ thông qua bootcamp này thật là tuyệt vời! Điều tốt nhất là không chỉ đọc và tiếp thu mà còn có thể học bằng cách trực tiếp thực hành tạo ra sản phẩm 😊😊 Cảm ơn anh rất nhiều vì đã tạo ra khóa học này~! Anh đã vất vả rồi!

        • jnkimb5813님의 프로필 이미지
          jnkimb5813

          Đánh giá 1

          ∙

          Đánh giá trung bình 5.0

          5

          97% đã tham gia

          Là người duy nhất phụ trách UX/UI trong công ty, tôi phải tự mình giải quyết mọi vấn đề gặp phải, và khóa học này thực sự đã giúp ích rất nhiều. Tôi đã có thể hiểu rõ ràng cách xây dựng và sử dụng design system trong thực tế, đặc biệt ấn tượng với phương pháp quản lý có hệ thống màu sắc, typography, spacing, theme... thông qua việc sử dụng Variables. Và việc giảng viên lấy các tình huống thực tế trong công việc làm ví dụ để giải thích đã giúp tôi dễ hiểu hơn rất nhiều, những phần đó đã hỗ trợ rất nhiều cho việc giao tiếp với các developer trong công việc thực tế của tôi. Tôi thực sự muốn giới thiệu khóa học này không chỉ cho các designer lần đầu tiên triển khai design system, mà còn cho những người đã đang sử dụng nhưng muốn hệ thống hóa cấu trúc tốt hơn.

          • chuing님의 프로필 이미지
            chuing

            Đánh giá 19

            ∙

            Đánh giá trung bình 4.9

            5

            65% đã tham gia

            Tôi rất hài lòng với khóa học cơ bản của anh Bold nên đúng lúc anh ấy mở bootcamp hệ thống thiết kế tôi tiếp tục theo học. Tôi khuyên các bạn không muốn lãng phí thời gian quý báu nên học khóa của anh Bold.

            이 강의의 지난 수강평

            Hỏi đáp thường gặp

            취소 및 환불 규정
            챌린지는 지식공유자가 설정한 수업 최소 정원이 충족되지 않을 경우, 폐강 안내가 고지되며 결제 내역이 자동취소됩니다.

            Khóa học khác của bolduxlab

            Hãy khám phá các khóa học khác của giảng viên!

            [Inflearn X BoldUX] Hướng dẫn phát triển dành cho nhà thiết kế và tổng hợp các mẹo hữu ích khi sử dụng FigmaHình thu nhỏ khóa học

            [Inflearn X BoldUX] Hướng dẫn phát triển dành cho nhà thiết kế và tổng hợp các mẹo hữu ích khi sử dụng Figma

            bolduxlab

            Miễn phí

            Nhập môn / Figma, Portfolio, Design System, product design

            4.7

            (80)

            3,400+
            Phản hồi thường xuyên
            Phản hồi thường xuyên

            Khóa học này, được thực hiện bởi sự hợp tác giữa Inflearn và Bold UX, sẽ giúp bạn học hỏi những mẹo sử dụng Figma mới nhất cùng nhiều thông tin chuyên sâu và bí quyết làm việc độc quyền của Bold UX. Đây là cơ hội để bạn tiếp nhận những thông tin quý giá về cách sử dụng Figma hiệu quả, cùng với kiến thức chuyên môn từ Bold - người đã có 9 năm kinh nghiệm thực tế trong lĩnh vực thiết kế sản phẩm (Product Design).

            Nhập môn

            Nhập môn

            Figma, Portfolio, Design System

            [Inflearn X BoldUX] Hướng dẫn phát triển dành cho nhà thiết kế và tổng hợp các mẹo hữu ích khi sử dụng FigmaHình thu nhỏ khóa học

            [Inflearn X BoldUX] Hướng dẫn phát triển dành cho nhà thiết kế và tổng hợp các mẹo hữu ích khi sử dụng Figma

            bolduxlab

            Miễn phí

            Nhập môn / Figma, Portfolio, Design System, product design

            4.7

            (80)

            3,400+
            Phản hồi thường xuyên
            Phản hồi thường xuyên
            [Cập nhật UI3] Xây dựng hệ thống thiết kế bằng biến FigmaHình thu nhỏ khóa học

            [Cập nhật UI3] Xây dựng hệ thống thiết kế bằng biến Figma

            bolduxlab

            4.069.307 ₫

            Cơ bản / figma variable, Figma, Figma Tokens, Design System, Atomic Design, Web Design, product design

            4.9

            (217)

            1,600+
            Phản hồi thường xuyên
            Phản hồi thường xuyên

            Cùng nhau xây dựng hệ thống thiết kế bằng cách tận dụng các biến trong Figma với giao diện UI3 mới nhất🔥 Biến là chìa khóa🔑 để mang lại trải nghiệm người dùng nhất quán và cải thiện một cách đột phá quy trình thiết kế.

            Cơ bản

            Cơ bản

            figma variable, Figma, Figma Tokens

            [Cập nhật UI3] Xây dựng hệ thống thiết kế bằng biến FigmaHình thu nhỏ khóa học

            [Cập nhật UI3] Xây dựng hệ thống thiết kế bằng biến Figma

            bolduxlab

            4.069.307 ₫

            Cơ bản / figma variable, Figma, Figma Tokens, Design System, Atomic Design, Web Design, product design

            4.9

            (217)

            1,600+
            Phản hồi thường xuyên
            Phản hồi thường xuyên
            Lớp học thiết kế UI Figma từ cơ bản đến thực tếHình thu nhỏ khóa học

            Lớp học thiết kế UI Figma từ cơ bản đến thực tế

            bolduxlab

            1.639.433 ₫

            Nhập môn / Web Design, Prototyping, Figma, Responsive Web, product design

            4.9

            (34)

            300+
            Phản hồi thường xuyên
            Phản hồi thường xuyên
            Nhiệm vụ
            Nhiệm vụ

            Từ cơ bản đến thực chiến, khóa học UI Design toàn diện hoàn thành mọi thứ chỉ với Figma! Làm chủ hoàn hảo các kỹ năng thực chiến từ tính năng cốt lõi Auto Layout·Component đến thiết kế responsive, handoff hiệu quả và làm việc nhóm. Bắt đầu ngay hôm nay để nâng cấp năng lực thiết kế của bạn lên một tầm cao mới!

            Nhập môn

            Nhập môn

            Web Design, Prototyping, Figma

            Lớp học thiết kế UI Figma từ cơ bản đến thực tếHình thu nhỏ khóa học

            Lớp học thiết kế UI Figma từ cơ bản đến thực tế

            bolduxlab

            1.639.433 ₫

            Nhập môn / Web Design, Prototyping, Figma, Responsive Web, product design

            4.9

            (34)

            300+
            Phản hồi thường xuyên
            Phản hồi thường xuyên
            Nhiệm vụ
            Nhiệm vụ

            6.089.322 ₫