강의

멘토링

커뮤니티

Applied AI

/

AI for Work

Từ thiết kế luồng người dùng đến triển khai prototype

Một prototype hoạt động còn hơn 100 màn hình đẹp! Tạo prototype hoạt động như thật với logic điều kiện trong Figma và rèn luyện tư duy thiết kế vững vàng ngay cả trong thời đại AI.

25 học viên đang tham gia khóa học này

Độ khó Cơ bản

Thời gian Không giới hạn

  • moment
Prototyping
Prototyping
Figma
Figma
figma variable
figma variable
Prototyping
Prototyping
Figma
Figma
figma variable
figma variable

Bạn sẽ nhận được điều này sau khi học.

  • Khả năng triển khai prototype hoạt động như ứng dụng thực tế mà không cần phát triển, sử dụng biến và logic điều kiện

  • Hoàn thiện 'dịch vụ ứng dụng có thể nhấp chuột của riêng bạn' có thể sử dụng ngay làm portfolio

  • Khả năng lập kế hoạch logic chặt chẽ, thiết kế cả luồng người dùng và các tình huống ngoại lệ

  • Kỹ năng giao tiếp trực quan giúp bạn có thể nói với lập trình viên "Hãy làm theo đúng như thế này"

💭 Bạn đã từng có những băn khoăn như thế này chưa?


  • Tôi hiểu sơ sơ về Variables rồi, nhưng Conditionals (câu điều kiện) vẫn như tiếng ngoài hành tinh vậy 🤯

  • Mỗi lần tạo prototype lại phải nhân bản hàng chục frame, kiệt sức vì công việc thủ công này ⏳

  • Tôi đã thử dùng tính năng Figma AI nhưng không ra kết quả như mong muốn, thật bực bội 🤖

  • Rõ ràng đã làm theo đúng như đã học, nhưng nó không hoạt động mượt mà như dịch vụ thực tế ❌


Bạn thực sự cần prototype để kiểm chứng ý tưởng nhanh chóng, nhưng các tính năng nâng cao lại cứ thấy khó khăn. Đặc biệt là những công cụ AI đang hot gần đây tưởng chừng chỉ cần nói là nó làm hết, nhưng khi thực sự sử dụng thì kết quả lại hay ra ngoài ý muốn.

Lý do rất đơn giản.

Để có thể ra lệnh hiệu quả cho AI, trước tiên bạn phải hiểu logic của prototyping. Điều quan trọng hơn kỹ năng viết prompt chính là thiết kế rõ ràng về 'cần tạo cái gì và như thế nào'.


🖥 Giới thiệu khóa học

Khóa học này bao gồm những kiến thức nền tảng cần thiết cho thời đại tạo mẫu AI.

Nhiều khóa học chỉ giải thích các chức năng như "Hãy dùng Variables như thế này", "Hãy hỏi AI như thế này". Nhưng khóa học này khác.

"Tại sao cần logic này", "Áp dụng như thế nào trong tình huống thực tế", "Cộng tác hiệu quả với AI ra sao" - Học tập có hệ thống thông qua các kịch bản thực chiến.

Nắm vững 3 trụ cột logic là Variables, Conditionals, Flow thông qua các ví dụ thực tế, và học cách tận dụng hiệu quả Figma Make (AI Prototyping) dựa trên nền tảng đó.


🎯 Triết lý cốt lõi của khóa học

  • Hiểu logic trước, sử dụng AI sau

  • Học tập dựa trên nguyên lý, không chỉ đơn thuần làm theo

  • Kịch bản thực chiến có thể áp dụng ngay trong công việc


🎯 Bạn sẽ học được gì?


Chương 1~3: Xây dựng nền tảng Prototype

Nếu bạn mới bắt đầu với prototype Figma hoặc muốn kiểm tra lại kiến thức nền tảng thì hãy bắt đầu từ đây. Bạn sẽ học cách thao tác prototype và các khái niệm cốt lõi (cấu trúc layer, component), đồng thời làm quen thông qua việc tự tay thực hành các dự án thực tế như admin dashboard và onboarding flow.


Chương 4: Flow - Phương pháp thiết kế luồng phức tạp

Càng nhiều màn hình thì prototype càng phức tạp. Bạn sẽ học cách xác định đường đi nhiệm vụ cốt lõi bằng Task Flow, thể hiện các nhánh rẽ và lựa chọn bằng User Flow, và kết nối logic với màn hình bằng Wireflow. Phát triển khả năng vẽ bản thiết kế có hệ thống trước khi制作 prototype.


Chương 5: Variable và Conditional - Tạo prototype thông minh

Không còn phải sao chép hàng chục frame một cách thủ công nữa. Sử dụng Variable để ghi nhớ dữ liệu và thay đổi trạng thái, dùng Conditional để triển khai logic phản ứng khác nhau theo điều kiện. Tự tay tạo các dự án lịch, chi tiết sản phẩẩm, giỏ hàng và hoàn thiện prototype hoạt động như ứng dụng thực tế.


Chương 6: Figma Make - Phương thức hợp tác mới với AI

Lý do nhiều designer thất bại trong việc tạo prototype bằng AI không phải do prompt mà do thiếu thiết kế. Bạn sẽ học cách truyền đạt logic hiệu quả cho AI dựa trên Variable, Conditional, Flow đã học trước đó. Trải nghiệm cách vai trò của designer tiến hóa từ lao động tay sang lao động trí óc.


🧠 Tại sao tôi tạo ra khóa học này?

Nhiều khóa học Figma chỉ dạy cách tạo giao diện đẹp mắt, nhưng không đi sâu vào cách làm cho giao diện đó hoạt động thông minh.

Các khóa học về AI Prototyping chỉ dạy "hãy viết prompt như thế này". Nhưng nếu không hiểu logic, dù có viết prompt tốt đến đâu thì cũng không ra được kết quả mong muốn.

Những gì thực sự cần thiết trong công việc thực tế là:

  • Cách phân tách các tương tác phức tạp thành logic

  • Cần thiết lập điều kiện nào để tạo ra prototype hiệu quả

  • Cách đưa ra yêu cầu có cấu trúc cho AI

Khóa học này được xây dựng dựa trên triết lý "Hiểu logic trước khi sử dụng AI".

Khi sử dụng AI trên nền tảng logic vững chắc, bạn mới có thể xác thực prototype nhanh chóng và chính xác. Hiểu rõ nguyên lý của logic, và giải quyết việc triển khai với sự hỗ trợ của AI - đây chính là quy trình làm việc của designer tương lai.


👥 Khóa học này dành cho những ai

  • Nhà thiết kế biết dùng Figma cơ bản nhưng bối rối khi gặp Variables và câu lệnh điều kiện

  • Người muốn giải quyết bằng một logic thay vì công việc nhàm chán sao chép hàng chục frame

  • Những người đã thử dùng công cụ prototyping AI nhưng không hài lòng với kết quả

  • Những người muốn triển khai các tương tác phức tạp nhưng không biết bắt đầu từ đâu

  • Người muốn giải thích rõ ràng dựa trên logic khi giao tiếp với developer, PM

  • Những người muốn nhanh chóng trở thành lực lượng chủ chốt trong môi trường startup cần xác thực giả thuyết nhanh


✅ Sau khi hoàn thành khóa học này

  • Khả năng tạo prototype nâng cao sử dụng thành thạo Variables, Conditionals, Flow

  • Khả năng tư duy logic để thiết kế và triển khai các tương tác phức tạp một cách có hệ thống

  • Kỹ năng thực chiến sử dụng hiệu quả công cụ prototyping AI (Figma Make)

  • Cấu trúc prototype gọn gàng và hiệu quả, thoát khỏi hàng trăm đường dây rối như mì Ý

  • Năng lực xác thực siêu tốc thông qua kiểm chứng ý tưởng nhanh chóng và user test

  • Khả năng giao tiếp dựa trên logic với developer và PM

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

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

  • Nhà thiết kế phải giải thích bằng lời mỗi khi được hỏi "Cái này hoạt động như thế nào?"

  • Người đã biết Variables, Conditionals nhưng bối rối khi áp dụng vào thực tế

  • PM/người lập kế hoạch muốn xác thực ý tưởng nhanh chóng mà không cần phát triển

  • Những người đang băn khoăn về việc cần phát triển năng lực gì với tư cách là designer trong thời đại AI

  • Những người muốn thoát khỏi mức độ prototype chỉ có click→chuyển màn hình

  • Người sáng lập/người lập kế hoạch muốn trình diễn ý tưởng của mình như một ứng dụng thực tế mà không cần lập trình

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

  • Chỉ cần có kinh nghiệm tạo giao diện bằng Figma là đủ.

  • Hoàn toàn không cần kiến thức về lập trình hay phát triển.

  • Một số tính năng (Variables) chỉ khả dụng trong gói trả phí của Figma.

Xin chào
Đây là

Chương trình giảng dạy

Tất cả

26 bài giảng ∙ (5giờ 53phút)

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

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

2.263.032 ₫

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!