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

💭 Bạn đã từng có những suy nghĩ như thế này chưa?

• Variables thì mình hiểu sơ sơ rồi, nhưng Conditionals (câu điều kiện) vẫn giống 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, mệt mỏi với công việc thủ công này quá ⏳

• Tôi đã thử sử dụng tính năng Figma AI nhưng không ra kết quả như mong muốn nên rất bực mình 🤖

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

Để xác thực ý tưởng nhanh chóng, prototype là điều thực sự cần thiết, nhưng các tính năng nâng cao lại khiến chúng ta cảm thấy khó khăn. Đặc biệt là các công cụ AI đang được bàn tán nhiều gần đây, tưởng chừng như chỉ cần nói là chúng sẽ làm hết mọi thứ, nhưng khi thực sự sử dụng thì kết quả thường không như mong đợi.

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

Để ra lệnh hiệu quả cho AI, trước tiên tôi phải hiểu logic của prototyping. Vì điều quan trọng hơn kỹ năng viết prompt là thiết kế rõ ràng về 'cần làm cái gì và làm 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 cơ bản 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 sử 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", "Cách áp dụng trong tình huống thực tế", "Cách hợp tác hiệu quả với AI" - Học tập có hệ thống thông qua các kịch bản thực chiến.

Làm chủ ba trụ cột của logic là Variables, Conditionals, Flow thông qua các ví dụ thực tế, và trên cơ sở đó học cách sử dụng Figma Make (AI Prototyping) một cách đúng đắn.

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

• Trước khi sử dụng AI, hãy hiểu logic trước

• Học tập tập trung vào nguyên lý, không chỉ đơn thuần là làm theo

• Kịch bản thực tế 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 cơ bản, 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 thực hành trực tiếp với các dự án thực tế như admin dashboard và onboarding flow để nắm vững kỹ năng.

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

Khi số lượng màn hình tăng lên, prototype trở nên phức tạp hơn. 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 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 tạo prototype.

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

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

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

Nhiều nhà thiết kế 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ế. Dựa trên Variable, Conditional, Flow đã học trước đó, bạn sẽ học cách truyền đạt logic hiệu quả cho AI. Trải nghiệm sự tiến hóa vai trò của nhà thiết kế từ lao động chân 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 dạy cách tạo giao diện đẹp, 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 thì dù viết prompt có tốt đến đâu 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

• Điều kiện nào cần được thiết lập để tạo ra một prototype hiệu quả

• Cách yêu cầu có cấu trúc với AI

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

Chỉ 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ự trợ giúp của AI - đây chính là quy trình làm việc của nhà thiết kế tương lai.

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

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

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

• Tôi đã thử sử dụng công cụ prototyping AI nhưng kết quả không như mong đợi

• 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

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

• Những người muốn trở thành lực lượng chiến đấu ngay lập tức trong môi trường startup cần xác thực giả thuyết nhanh chóng

✅ 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

• 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ụ tạo mẫu AI (Figma Make)

• Cấu trúc prototype gọn gàng và hiệu quả, thoát khỏi hàng trăm dòng mã spaghetti

• Khả năng xác thực siêu tốc dẫn đến kiểm tra ý tưởng nhanh chóng và thử nghiệm người dùng

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