Product Management
Đăng nhập
ESC

Nhập từ khóa để tìm kiếm

↑↓ Di chuyển
Enter Mở
ESC Đóng

AI image generation cho mockups

Đã đọc 0/13 mục · còn khoảng 13 phút
Cách chúng tôi ghi nhận

Một mục được tính là đã đọc khi nó nằm giữa màn hình đủ lâu so với độ dài của nó (bảng và sơ đồ tính một nửa), bạn vẫn đang cuộn hoặc bấm phím, và bạn đã thấy tới cuối mục. Lướt nhanh hoặc để tab mở không được tính. Chúng tôi chỉ lưu thời gian đọc từng mục — không lưu gì khác.

Mở đầu — vì sao bài này quan trọng

Hãy tưởng tượng tình huống này: bạn vừa nảy ra một ý tưởng tính năng mới trong buổi họp sản phẩm. Trong đầu bạn, hình ảnh tính năng đó rất rõ ràng — một màn hình app hiển thị danh sách đơn hàng với nút "Đặt lại" nổi bật ở góc. Nhưng khi bạn cố diễn đạt bằng lời, các stakeholder mỗi người hình dung một kiểu. Designer thì đang bận với ba dự án khác và phải hai tuần nữa mới rảnh. Kết quả: ý tưởng của bạn bị mắc kẹt ở dạng văn bản trừu tượng, và buổi họp kết thúc mà chẳng ai thực sự "thấy" được điều bạn muốn nói.

Đây chính là khoảng trống mà AI image generation (tạo hình ảnh bằng AI) lấp vào cho Product Manager. Không phải để bạn trở thành designer — đó không phải vai trò của bạn. Mà là để bạn có thể biến ý tưởng trong đầu thành một hình ảnh đủ rõ để mọi người cùng nhìn về một hướng, ngay trong vài phút, mà không cần đợi nguồn lực thiết kế.

Trong bài này, chúng ta tập trung hoàn toàn vào một việc cụ thể: dùng các công cụ tạo ảnh AI (Midjourney, DALL·E, Stable Diffusion, Adobe Firefly, ChatGPT image...) để tạo mockup khái niệm, ảnh minh họa, và visual asset phục vụ công việc PM. Đây là kỹ năng "visual communication" — giao tiếp bằng hình ảnh — mà trước đây PM gần như phải hoàn toàn phụ thuộc vào người khác. Khi làm chủ nó, bạn rút ngắn vòng phản hồi từ vài ngày xuống vài phút, và quan trọng hơn, bạn giảm hiểu lầm trong giao tiếp sản phẩm — nguyên nhân âm thầm gây lãng phí lớn nhất trong mọi đội ngũ.

Khái niệm cốt lõi

AI image generation là gì và nó KHÔNG phải là gì

AI image generation là công nghệ cho phép bạn mô tả một hình ảnh bằng ngôn ngữ (gọi là "prompt"), và mô hình AI sẽ tạo ra hình ảnh đó từ con số không. Với PM, điều này có ba ứng dụng chính, và việc phân biệt rõ chúng cực kỳ quan trọng để không dùng sai chỗ:

1. Concept mockup (mockup khái niệm): Hình ảnh phác họa một ý tưởng tính năng để truyền đạt trước khi designer thực sự bắt tay vào. Ví dụ: "ảnh một app mobile đặt đồ ăn, màn hình hiển thị danh sách món yêu thích với nút đặt lại nhanh". Đây là mục đích phổ biến nhất và đáng giá nhất cho PM.

2. Visual storytelling / minh họa: Hình ảnh cho slide thuyết trình, tài liệu chiến lược, blog post nội bộ, hoặc landing page concept. Ví dụ: một hình ảnh ẩn dụ thể hiện "hành trình khách hàng" để mở đầu buổi họp roadmap.

3. Asset placeholder: Ảnh tạm để điền vào prototype, persona card, hoặc mood board trong khi chờ asset thật.

Còn đây là điều bạn PHẢI khắc cốt — AI image generation KHÔNG phải là công cụ thiết kế UI thật. Nó tạo ra hình ảnh trông giống một giao diện, chứ không tạo ra file Figma có thể chỉnh sửa, không tuân thủ design system của công ty, không có các thành phần tái sử dụng được, và thường có lỗi nhỏ (chữ bị méo, nút lệch, icon vô nghĩa). Vai trò của nó là giao tiếp ý tưởng, không phải giao hàng thiết kế. Nhầm lẫn hai điều này là sai lầm chết người mà chúng ta sẽ nói kỹ ở phần sau.

Hai trường phái công cụ

Có hai nhóm công cụ bạn sẽ gặp:

  • Công cụ tạo ảnh tổng quát: Midjourney (chất lượng nghệ thuật cao nhất, chạy qua Discord hoặc web), DALL·E 3 và ChatGPT image (dễ dùng nhất, hiểu prompt tiếng Việt khá tốt, tích hợp sẵn trong ChatGPT), Adobe Firefly (an toàn về bản quyền vì train trên kho ảnh Adobe Stock — quan trọng với doanh nghiệp), Google Gemini/Imagen (mạnh về tích hợp văn bản). Những công cụ này tạo bất kỳ loại hình ảnh nào.
  • Công cụ chuyên UI/mockup: Galileo AI, Uizard, hay tính năng tạo UI của v0 (Vercel). Nhóm này được huấn luyện riêng để tạo ra giao diện trông "đúng kiểu app/web" hơn, đôi khi xuất ra cả mã nguồn hoặc file thiết kế. Khi mục tiêu là mockup giao diện, nhóm này thường cho kết quả sạch hơn nhóm tổng quát.
Với phần lớn nhu cầu PM, bạn nên bắt đầu với DALL·E/ChatGPT (vì dễ tiếp cận) cho ảnh minh họa, và thử Uizard/Galileo khi cần mockup giao diện nghiêm túc hơn.

Cấu trúc một prompt tạo ảnh tốt

Một prompt tạo ảnh hiệu quả thường có bốn lớp thông tin, tôi gọi tắt là công thức CMTC:

  • Chủ thể (Subject): Cái gì đang được hiển thị? "Màn hình app mobile đặt đồ ăn".
  • Mô tả chi tiết (Details): Các thành phần cụ thể. "Có thanh tìm kiếm ở trên, danh sách 4 món ăn kèm ảnh và giá, nút màu cam 'Đặt lại' ở mỗi món".
  • Trạng thái/Phong cách (Style): "Phong cách thiết kế phẳng, hiện đại, màu chủ đạo cam và trắng, giao diện sạch sẽ kiểu Grab Food".
  • Bối cảnh kỹ thuật (Context): "Khung điện thoại iPhone, tỉ lệ dọc 9:16, ảnh chụp màn hình sắc nét".
Càng cụ thể bốn lớp này, kết quả càng gần với điều bạn hình dung.

Tình huống thực tế

Tình huống 1 — PM tại một startup giao đồ ăn ở TP.HCM thuyết phục ban lãnh đạo

Linh là Product Manager tại một startup giao đồ ăn giả định tên "BếpNhanh" ở TP.HCM, đội ngũ khoảng 25 người, chỉ có một designer duy nhất đang quá tải. Linh muốn đề xuất tính năng "Đặt lại đơn cũ chỉ với một chạm" — cho phép khách hàng đặt lại đúng đơn hàng tuần trước mà không phải chọn lại từng món.

Vấn đề: trong buổi họp với CEO và trưởng phòng vận hành, Linh trình bày bằng lời và slide chữ. CEO gật gù nhưng rõ ràng chưa "thấy" được giá trị. Buổi họp kết thúc với câu "để designer làm mockup rồi tính tiếp" — nghĩa là chậm thêm hai tuần.

Lần sau, Linh làm khác. Trước buổi họp, cô dùng ChatGPT image với prompt: "Tạo ảnh chụp màn hình một app mobile giao đồ ăn của Việt Nam. Màn hình trang chủ có một thẻ nổi bật ở trên cùng ghi 'Đặt lại đơn tuần trước', bên trong hiển thị 3 món (phở bò, trà sữa, gỏi cuốn) với ảnh nhỏ và tổng giá 185.000đ, kèm nút cam lớn 'Đặt lại ngay'. Phong cách thiết kế phẳng, hiện đại, màu cam và trắng, khung iPhone dọc, giao diện tiếng Việt sạch sẽ." Sau ba lần tinh chỉnh trong khoảng 15 phút, cô có một mockup khái niệm trực quan.

Khi đưa hình ảnh này vào slide, phản ứng của CEO thay đổi hẳn: "À, ý là khách chỉ cần bấm một nút là xong đơn cũ. Cái này tăng tần suất mua lại đấy." Quyết định được chốt ngay trong buổi họp.

Bài học rút ra: Mockup AI không cần hoàn hảo hay đúng pixel — nó chỉ cần đủ rõ để chuyển một ý tưởng trừu tượng thành thứ người ta "thấy được". Linh không xâm phạm vai trò của designer; cô chỉ rút ngắn quãng đường từ ý tưởng đến quyết định.

Tình huống 2 — PM tại fintech dùng ảnh AI cho persona và pitch nội bộ

Tâm là PM tại một công ty fintech ở Singapore phục vụ thị trường Đông Nam Á. Anh đang xây dựng tính năng quản lý chi tiêu cho nhóm người dùng "lao động trẻ mới đi làm". Để buổi review với team thiết kế và data sống động hơn, anh cần các persona card có hình ảnh đại diện — nhưng dùng ảnh stock thì vừa tốn phí vừa trông giả tạo, không khớp bối cảnh Đông Nam Á.

Tâm dùng Adobe Firefly (chọn Firefly vì công ty fintech rất nhạy cảm về bản quyền và pháp lý, mà Firefly train trên kho ảnh có giấy phép thương mại). Prompt của anh: "Chân dung một phụ nữ trẻ Đông Nam Á khoảng 25 tuổi, mặc trang phục công sở giản dị, đang xem điện thoại với biểu cảm tập trung, bối cảnh quán cà phê đô thị, ánh sáng tự nhiên, phong cách ảnh chân dung chuyên nghiệp." Anh tạo ba persona đa dạng trong 20 phút.

Kết quả: persona card trông chân thực, phù hợp văn hóa, và quan trọng là không vướng rủi ro bản quyền. Buổi review trở nên cụ thể hơn vì team có "khuôn mặt" thật để gắn các pain point vào.

Bài học rút ra: Với doanh nghiệp, lựa chọn công cụ phải tính đến yếu tố pháp lý, không chỉ chất lượng ảnh. Firefly hoặc các công cụ có cam kết bản quyền rõ ràng là lựa chọn an toàn cho asset dùng trong môi trường công ty. Và ảnh AI cho persona giúp tránh "khoảng cách văn hóa" mà ảnh stock phương Tây thường mắc phải.

Tình huống 3 — Khi mockup AI gây hiểu lầm tai hại

Đây là ví dụ về sai lầm, để bạn tránh. Một PM (gọi là Hùng) tại một công ty SaaS tạo mockup AI rất đẹp cho một dashboard phân tích, rồi gửi thẳng cho team kỹ thuật với câu "build cái này nhé". Vấn đề: mockup AI có những con số biểu đồ vô nghĩa, các nhãn chữ bị méo thành ký tự lạ, và một bố cục mà về mặt kỹ thuật không khả thi với dữ liệu thật. Dev hiểu lầm rằng đây là spec chính thức, dành ba ngày cố gắng tái hiện chính xác hình ảnh đó, kể cả những phần vốn chỉ là "rác" do AI sinh ra.

Khi designer thật vào cuộc, mọi thứ phải làm lại từ đầu vì mockup AI không hề tuân theo design system và không phản ánh ràng buộc dữ liệu thực.

Bài học rút ra: Mockup AI là công cụ giao tiếp ý tưởng, tuyệt đối không phải đặc tả kỹ thuật để build theo. Luôn dán nhãn rõ ràng "Đây là concept minh họa, KHÔNG phải thiết kế cuối" mỗi khi chia sẻ. Ranh giới vai trò này là điều phân biệt một PM dùng AI khôn ngoan với một PM gây hỗn loạn.

Hướng dẫn từng bước

Đây là quy trình thực chiến để tạo một concept mockup phục vụ truyền đạt ý tưởng:

Bước 1 — Làm rõ mục đích trước khi mở công cụ. Hỏi bản thân: hình ảnh này để làm gì? Thuyết phục lãnh đạo? Brief cho designer? Minh họa slide? Mục đích quyết định độ chi tiết và phong cách. Một mockup để pitch CEO cần nhìn ấn tượng; một mockup để brief designer cần đúng về luồng và thành phần, không cần đẹp.

Bước 2 — Viết prompt theo công thức CMTC. Bắt đầu bằng chủ thể, thêm chi tiết thành phần, chỉ định phong cách, rồi bối cảnh kỹ thuật. Ví dụ hoàn chỉnh: "Màn hình app mobile ngân hàng (chủ thể), hiển thị số dư tài khoản phía trên, danh sách 5 giao dịch gần đây với icon, và nút chuyển tiền màu xanh nổi bật ở dưới (chi tiết), phong cách tối giản hiện đại màu xanh dương và trắng (phong cách), khung iPhone dọc giao diện tiếng Việt (bối cảnh)."

Bước 3 — Chọn công cụ phù hợp. Cần minh họa nhanh, dễ tiếp cận: ChatGPT/DALL·E. Cần mockup UI sạch: Uizard/Galileo. Cần asset an toàn bản quyền cho công ty: Firefly. Cần chất lượng nghệ thuật cao cho marketing: Midjourney.

Bước 4 — Tạo và lặp. Đừng kỳ vọng kết quả hoàn hảo lần đầu. Tạo, nhìn, rồi chỉnh prompt: "làm nút lớn hơn", "đổi màu chủ đạo sang cam", "bỏ thanh điều hướng dưới". Mỗi vòng lặp mất chưa tới một phút. Thường 3–5 vòng là đủ.

Bước 5 — Dán nhãn và đóng gói. Trước khi chia sẻ, LUÔN thêm dòng chú thích: "Concept minh họa do AI tạo — không phải thiết kế cuối cùng, chỉ để truyền đạt ý tưởng." Điều này bảo vệ bạn khỏi mọi hiểu lầm như tình huống 3.

Bước 6 — Bàn giao đúng cách. Khi đưa cho designer, kèm theo ý định chứ không bắt họ sao chép ảnh: "Mình muốn truyền tải cảm giác đặt lại nhanh — bạn tự do thiết kế theo design system của mình."

Lỗi thường gặp & mẹo

Lỗi 1 — Coi mockup AI là thiết kế chính thức. Như tình huống 3. Mẹo: luôn dán nhãn "concept", và không bao giờ gửi mockup AI cho dev như spec.

Lỗi 2 — Cố ép AI viết chữ chính xác trong ảnh. Hầu hết mô hình tạo ảnh vẫn rất kém ở việc render văn bản — chữ thường méo, sai chính tả, biến thành ký tự lạ (đặc biệt tiếng Việt có dấu). Mẹo: đừng phụ thuộc vào chữ trong ảnh AI; nếu cần label chính xác, hãy tạo ảnh rồi chèn chữ thật bằng công cụ chỉnh ảnh đơn giản, hoặc chỉ dùng ảnh để thể hiện bố cục.

Lỗi 3 — Prompt quá mơ hồ. "Tạo một app đẹp" sẽ cho kết quả ngẫu nhiên. Mẹo: dùng công thức CMTC, càng cụ thể càng tốt. Nêu rõ màu, số lượng phần tử, phong cách tham chiếu (ví dụ "kiểu giao diện Grab").

Lỗi 4 — Bỏ qua yếu tố bản quyền và dữ liệu nhạy cảm. Đừng đưa thông tin khách hàng thật, số liệu kinh doanh bí mật, hay logo công ty đối thủ vào prompt. Với asset dùng chính thức trong công ty, ưu tiên công cụ có giấy phép thương mại rõ ràng như Firefly.

Lỗi 5 — Quên rằng AI có thể tạo định kiến. Khi tạo persona, AI dễ rơi vào khuôn mẫu (luôn ra người da trắng, hoặc luôn ra nam giới cho vai trò lãnh đạo). Mẹo: nêu rõ đặc điểm đa dạng và phù hợp bối cảnh — "phụ nữ Đông Nam Á", "người trung niên", v.v.

Mẹo vàng: Giữ một "thư viện prompt" cá nhân. Khi tìm được một prompt cho kết quả tốt (ví dụ prompt tạo mockup app mobile sạch đẹp), lưu lại và tái sử dụng bằng cách chỉ đổi phần chi tiết. Điều này giúp kết quả nhất quán và tiết kiệm thời gian về sau.

Bài tập thực hành

  • Tạo concept mockup cho một tính năng thật. Chọn một tính năng bạn đang muốn đề xuất trong công việc. Viết prompt theo công thức CMTC và tạo mockup bằng ChatGPT/DALL·E hoặc Uizard. Lặp ít nhất 3 lần để tinh chỉnh. Mục tiêu: có một hình ảnh đủ rõ để giải thích ý tưởng cho người chưa biết gì.
  • So sánh hai công cụ. Lấy cùng một prompt, chạy trên hai công cụ khác nhau (ví dụ DALL·E và Uizard). Ghi lại: công cụ nào cho mockup giao diện sạch hơn? Công cụ nào dễ chỉnh sửa hơn? Rút ra kết luận về khi nào dùng công cụ nào.
  • Tạo bộ 3 persona đa dạng cho một sản phẩm bạn đang làm, chú ý bối cảnh văn hóa Việt Nam/Đông Nam Á. Thêm chú thích "AI-generated" cho mỗi ảnh.
  • Thực hành dán nhãn và bàn giao. Viết đoạn chú thích bạn sẽ kèm theo khi gửi mockup AI cho (a) CEO và (b) designer. So sánh cách diễn đạt khác nhau cho hai đối tượng.

Tóm tắt

AI image generation cho PM không phải để thay thế designer, mà để lấp khoảng trống giao tiếp giữa lúc bạn có ý tưởng và lúc nguồn lực thiết kế sẵn sàng. Ba ứng dụng cốt lõi là: concept mockup (truyền đạt ý tưởng tính năng), visual minh họa (slide, tài liệu), và asset placeholder (persona, prototype tạm).

Hãy ghi nhớ ba nguyên tắc nền tảng. Một, dùng công thức CMTC (Chủ thể — Mô tả — Phong cách — Bối cảnh) để prompt cho ra kết quả gần với hình dung. Hai, chọn công cụ theo mục đích và ràng buộc pháp lý — Firefly cho an toàn bản quyền, Uizard/Galileo cho mockup UI, ChatGPT/DALL·E cho tiếp cận nhanh. Ba, và quan trọng nhất, mockup AI là công cụ giao tiếp, không phải đặc tả kỹ thuật — luôn dán nhãn "concept" và bàn giao ý định chứ không bắt người khác sao chép pixel.

Khi làm chủ kỹ năng này, bạn rút ngắn vòng phản hồi từ vài ngày xuống vài phút, giảm hiểu lầm trong giao tiếp sản phẩm, và tăng đáng kể khả năng thuyết phục stakeholder — tất cả mà không cần đợi ai. Đó là sức mạnh thật sự của visual communication trong tay một PM hiện đại.

Học xong bài này rồi? Tạo tài khoản miễn phí để lưu lại — lần sau vào là biết ngay đang dở ở đâu, và học hết khóa thì có chứng chỉ. Lưu tiến độ của tôi