Design system với AI là một chủ đề đang càng lúc càng xích lại gần nhau

Khi các công cụ A.I. càng lúc càng trở nên mạnh hơn thì không phải vai trò của designer dần biến mất như các nhận định hay gặp, mà họ dịch chuyển cả những thao tác nhỏ nhất cho đến cả những tư duy định hướng quan trọng nhất sang một khu vực mới. Và thật thú vị khi trước đây Design system là một khái niệm có vẻ hơi cao cấp, chỉ dành cho những tổ chức lớn với hệ thống sản phẩm phức tạp. Giờ đây khi AI xuất hiện và trực tiếp cần những thứ quy tắc chặt chẽ để có thể tạo ra sản phẩm chính xác với kỳ vọng nhất, thuật ngữ design system lại trở nên gần gũi hơn với thị trường và các công việc của designer dần hướng sự quan tâm qua đây nhiều hơn.

Bài viết này là của giảng viên Diễm Diễm, của lớp Design System, một nhận định từ một chuyên gia đã làm việc cùng Design system trong 7-8 năm và cũng đã ứng dụng A.I. từ những năm 2022 đến giờ. Phần 1 của bài viết bạn có thể đọc ở đây nói về xu thế “AI trở thành end-user của hệ thống”, giờ đây khi mọi chuyện đã diễn ra một cách rõ ràng hơn. Chúng ta có bài viết thứ 2, để xem thử AI cần gì khi đóng vai người dùng, và Product Designer có thể chuẩn bị gì để cộng tác thật hiệu quả với làn sóng này.

Đọc thêm các nội dung về AI & Design system trong thiết kế UI/UX:

Khi “Designer” không còn là người duy nhất đọc Design System

Ở phần trước, mình đã nói về một thay đổi khá thú vị: AI không còn chỉ là công cụ hỗ trợ designer. Nó đang dần trở thành một “end user” mới của Design system. Điều này dẫn tới một câu hỏi lớn hơn:
“Nếu AI bắt đầu đọc Design system để generate UI thì chúng ta cần xây Design system khác đi như thế nào???”

Đây là lúc Design system không còn chỉ là thư viện component và guideline. Nó bắt đầu trở thành:

  • Một hệ thống dữ liệu
  • Một nguồn context
  • Một layer giao tiếp giữa con người và machine.

Design system với AI - tính readable của design system
Và đây cũng là nơi nhiều Design system hiện tại…lại bắt đầu gặp vấn đề 🙁.

Vấn đề lớn nhất của Design system ở thời điểm hiện tại: Human-readable nhưng chưa Machine-readable. Hầu hết Design system hiện tại đang được tối ưu cho con người đọc, bao gồm designer, developer hoặc stakeholder xem guideline.

Nhưng AI thì khác. AI không hiểu UI theo cách chúng ta hiểu. Nó không nhìn Button và phán đoán: “Ồ đây là primary button, kia là secondary button, đó là destructive button!” mà không có guideline cụ thể. AI chỉ thấy: label, variant, token, hierarchy, semantic meaning, usage context – được cung cấp đầy đủ và rõ ràng. Nếu thiếu guideline, con người có khả năng nhận định và sử dụng chính xác (hoặc giao tiếp để hiểu) nhưng AI thì không.

Nếu dữ liệu không đủ rõ, AI sẽ bắt đầu generate UI theo kiểu: có thể đẹp, có thể đúng nhưng product logic sai hoặc consistency sai. Đó là lí do vì sao hiện tại rất nhiều AI generate UI đẹp nhưng không thực thi được với product lớn và phức tạp.

Hiện trạng & kỳ vọng

Một sự thật hơi đau là rất nhiều Design system hiện nay… chỉ là UI Kit nâng cấp. Rất nhiều team nói họ có Design system. Nhưng thực tế họ chỉ có: Component library, Token (chỉ tên gọi và giá trị), Một ít guideline đi kèm một file Figma khổng lồ. Và thiếu thứ quan trọng nhất: Semantic structure
Ví dụ: Một button trong nhiều system hiện tại thường được đặt kiểu: Blue button, Large button, Inverse button… Con người vẫn có thể hiểu được.Nhưng AI thì không. Làm thế nào để biết rằng khi nào sử dụng button này? Đặt nó tại vị trí nào? Thứ tự ưu tiên là gì? Có cần confirmation không?

AI cần semantic. Không chỉ visual.

Design system với AI và sự cần thiết của semantic structure

Tương lai của Design system: Structured interface knowledge

Design system đang dịch chuyển từ UI asset library sang structured product knowledge. Hay nói một cách dễ hiểu hơn là: Design system sẽ trở thành nguồn tri thức để AI hiểu sản phẩm một cách toàn diện. Không chỉ component trông như thế nào, mà còn tại sao tồn tại, dùng khi nào, hành vi ra sao, ảnh hưởng UX như nào, mapping với business logic nào…
Một component trong tương lai có thể sẽ chứa 4 layer, từ cơ sở lên các bậc cao hơn

  1. Visual layer: color, spacing, typography, responsive behavior.
  2. Interaction layer: default, hover, pressed, loading, disabled, accessibility
  3. Semantic layer:
    Ví dụ:
    – Component: Button
    – Intent: Primary
    – Priority: High
    – Usage: main CTA, form submit, critical progression
  4. Product layer: đây là thứ AI cực kì cần – business rule, conversion impact, behavioral expectation, analytics mapping.

Design system với AI - yêu cầu của AI và mindset của Designer
AI đang buộc designer phải thinking in systems thật sự, Trước đây nhiều designer vẫn có thể làm việc theo kiểu: dùng trực giác, quan điểm thẩm mỹ (căn cứ trên nguyên lí thiết kế), tạo giao diện thủ công. Nhưng AI không hoạt động bằng trực giác. AI cần:

  • Structure
  • Logic
  • Consistency
  • Metadata

Điều này vô tình khiến ngành design bắt đầu dịch chuyển gần hơn tới:

  • Systems thinking
  • Architecture thinking
  • Product logic
  • Information modeling

Và đây là lý do designer tương lai có thể sẽ giống system designer hơn là screen designer.

Bức tranh thời đại: Prompt đang trở thành “new interface”.

Ngày xưa workflow thường là: Designer -> Figma (Tools) -> Developer.
Tương lai có thể trở thành: Designer & Developer thiết kế hệ thống -> AI tạo ra UI/sản phẩm. Điều này tạo ra một lớp mới: Prompt architecture. Và Design system sẽ trở thành context layer cho prompt.

Giả sử chúng ta đang xây một sản phẩm cho phép user nhập prompt để AI tự generate một trang report/dashboard từ data của họ. Ví dụ user chỉ cần nhập “Create a monthly sales performance report for APAC market.” Để AI không generate UI lung tung, phía sau sẽ luôn tồn tại một system prompt đóng vai trò như runtime Design system. Tất nhiên, ngoài system prompt, bộ metadata của design system sẽ được gửi kèm theo.

Lúc này Design system không còn là nơi tham khảo mà trở thành: Runtime instruction cho AI.

Có thể Figma đang thay đổi vì điều này. Nếu để ý, các update gần đây của Figma đều đang xoay quanh Design system, bao gồm: variables, modes, structured properties, AI generation, MCP/context-like workflows. Điều này không phải update ngẫu nhiên. Figma đang dần biến design file thành structured interface database để machine có thể đọc được.

Nhưng có một vấn đề nguy hiểm hơn: AI đang khuếch đại nợ thiết kế 🙁. Hiểu nôm na là nếu Design system của team nào đang lộn xộn, chưa tối ưu hoá, component phân rã và mất đồng bộ, thiếu guideline thì AI sẽ scale vấn đề đó lên nhanh hơn và trầm trọng hơn. Dẫn đến hậu quả là nếu trước đây, design bất quy tắc -> làm chậm tiến độ lúc mở rộng thì bây giờ, design system lộn xộn + AI có thể dẫn đến generate ra UI sai. AI không hệ thống hoá và xử lí được foundation yếu. Nó chỉ ứng dụng và mở rộng foundation đó.

Vai trò và những kỹ năng cần có của Designer trong giai đoạn mới

Điều này làm vai trò của Design system team trở nên quan trọng hơn bao giờ hết. Trước đây nhiều công ty xem DS team như maintenance team hoặc support team. Nhưng trong kỷ nguyên AI, DS team bắt đầu trở thành platform team. Họ xây:

  • Logic nền
  • Semantic layer
  • Interface language
  • Machine-readable structure

Cho toàn bộ organization. Nói một cách khác, AI càng mạnh, Design system càng trở thành cơ sở hạ tầng.


Designer có bị thay thế không? Câu trả lời của mình vẫn giống Part 1: KHÔNG. Nhưng Designer làm UI production thuần sẽ bị ảnh hưởng mạnh. Tuy nhiên, Designer hiểu system sẽ tăng giá trị cực nhanh. Vì AI generate được UI nhưng vẫn chưa thật sự:

  • Hiểu organization
  • Hiểu trade-off
  • Hiểu product strategy
  • Hiểu human behavior
  • Hiểu business constraint

Người tạo ra hệ thống để AI làm việc đúng sẽ là người quan trọng.

Những dự báo về kỹ năng và xu hướng

Có một kỹ năng mới đang xuất hiện: Design system literacy. Thị trường phân hóa vì có thêm nhiều công cụ, nên tương lai có thể sẽ có sự hình thành 2 kiểu product UI/UX designer:

  • Loại 1: giỏi prompt và review UI (vẫn phải có người review và quyết định UI do AI tạo ra).
  • Loại 2: Giỏi xây structure cho machine + human collaboration

Và trở thành nhân sự trực thuộc loại 2 không hề dễ dàng. Họ cần hiểu đồng thời cả UI lẫn UX, product thinking, system thinking, information architecture, developer mindset, AI workflow… Đây gần như là hybrid giữa: designer + architect + strategist.

Kết luận & lộ trình học tập

Có lẽ thứ AI đang thay đổi mạnh nhất trong ngành design, không phải việc thiết kế nhanh hơn mà là chúng ta phải định nghĩa design rõ ràng hơn bao giờ hết. Và nghịch lý thú vị là AI càng phát triển, designer càng ít phải “vẽ giao diện” mà trở thành thiết kế hệ thống tư duy cho sản phẩm.
Kiến thức nền tảng vẫn còn đó, chỉ là chúng ta sẽ đi trên con đường khác.

Vậy nên học thế nào? và nên làm gì?

Giai đoạn này, ngủ dậy thôi cũng thấy trong một đêm có khi 2-3 công cụ mới được update. Dĩ nhiên là chúng ta sẽ cảm thấy ái ngại và lo lắng nhiều, sợ bị bỏ sót gì đó (FOMO). Tuy nhiên hãy hình dung là thật ra nếu bạn là một người mới bắt đầu, hãy xây thật vững nền tảng trước khi trở thành một AI User (cụ thể hơn là một Product Designer có dùng A.I.). Bạn hãy tham khảo lộ trình học tập sau:

  • Bắt đầu với việc học về công cụ chính của lĩnh vực (Khóa học Figma của TELOS Academy)
  • Song song đó thì nên tìm hiểu về cấu trúc của ngành và vai trò của UI/UX Product Designer khi tham gia công việc
  • Học các quy tắc và kỹ thuật chuyên môn (Khóa học UI Design và khóa học UX tổng thể của TELOS Academy)
  • Học các kĩ năng cạnh tranh cần thiết của ngành như (Design System và làm việc với A.I.)
  • Học về việc làm ra các sản phẩm cụ thể (Web hoặc App)
  • Học để phát triển các tư duy của các vai trò xung quanh như Dev, Product Manager/ Owner để có tư duy tổng thể.

Đăng ký và nhận tư vấn từ giáo vụ của TELOS Academy về lộ trình học

    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é!