Sau khi tự khám phá, Figma Make vừa khiến tôi ấn tượng, vừa khiến tôi không muốn sử dụng nó.
Lời hứa về tự động hóa thiết kế bằng AI là có thật, nhưng những giới hạn của nó cũng rõ ràng. Dưới đây là những điều tôi rút ra sau tháng đầu tiên trải nghiệm Figma Make: điểm mạnh, điểm yếu, và lý do tại sao workflow của bạn có thể cần điều chỉnh.
1. Sử dụng chung: khi AI chưa thực sự hiểu thiết kế
Điểm mạnh:
Tính năng nổi bật của Figma Make giống như khoa học viễn tưởng trở thành hiện thực: tạo prototyping hoạt động chỉ với một prompt đơn giản hoặc bằng cách import một frame có sẵn. Muốn một microinteraction hay một chuyển tiếp đơn giản giữa các trạng thái? Chỉ cần mô tả, Make sẽ tạo ra thứ gì đó có thể dùng được. Đây là công cụ nhanh nhất mà tôi từng tìm thấy để tạo một prototype tương tác nhanh, đặc biệt hữu ích cho các ý tưởng giai đoạn đầu hoặc pitch deck.
Điểm yếu (hiện tại):
Nếu bạn mong Figma Make tái hiện những flow tinh tế của sản phẩm đã sẵn sàng sản xuất, bạn sẽ gặp rào cản nhanh chóng.
Các tương tác phức tạp nhiều bước, điều hướng lồng nhau hay bất cứ thứ gì đòi hỏi logic mạnh mẽ đều nằm ngoài khả năng. Nó giống “wireframe cơ bản có thêm chút gia vị” hơn là “prototype đạt chuẩn sản xuất”.
Giới hạn thiết kế cũng hiện hữu. Nếu bạn làm việc với màn hình lớn hoặc cần breakpoint tùy chỉnh, bạn sẽ phải liên tục di chuyển quanh canvas, hoặc tệ hơn, phải dựng lại thiết kế để vừa với viewport của Make.
2. Import hệ thống thiết kế: Có điểm tốt, có điểm chưa tốt
Hầu như hoạt động:
Import từ thư viện design system cơ bản nhất. Nó có thể chuyển màu, khoảng cách và style cơ bản, nhưng không hỗ trợ font tùy chỉnh — điều này là vấn đề lớn nếu muốn tạo prototype độ trung thực cao. Và đừng mong dùng Glass UI, cũng không được hỗ trợ.
Điểm thiếu sót:
Make cho phép dán từng component riêng lẻ cho prototype, nhưng không import được component tùy chỉnh từ thư viện của bạn. Thay vào đó, nó dùng thư viện component bên thứ ba (đáng chú ý là shadcn/ui) rồi áp style của bạn lên, giống như phủ icing lên bánh.
3. Prototyping nâng cao: Tuyệt với sự đơn giản, không với quy mô lớn
Nơi Make tỏa sáng:
Microinteraction khả thi nếu bạn biết cách prompt đúng và giữ mọi thứ đơn giản. Make rất giỏi tạo hover effect và transition accordion mà các designer chúng ta yêu thích.
Nơi Make gặp trục trặc:
– Chuyển tiếp phức tạp, flow lồng nhau hay layout hơi phức tạp thường dễ bị lỗi. Dán một frame chi tiết từ file chính và xem layout tan rã, đặc biệt khi độ phức tạp tăng.
– Chưa hỗ trợ tốt cho autolayout (Mobile view)
– Figma Make sử dụng Claude AI hoặc một LLM tương tự, được huấn luyện trên code. Nó không được huấn luyện trên engine chỉnh sửa của Figma mà bạn dùng để thiết kế, nên đối với nó đó như một ngôn ngữ hoàn toàn xa lạ.
Họ không thể vượt qua vấn đề này nếu không:
+ Viết lại hoàn toàn Figma kèm với nâng cấp hiệu năng web mang tính cách mạng.
+ Huấn luyện một LLM mới trên các prototype của Figma, nhưng hầu như không có dữ liệu sẵn có trên Internet để làm việc này.
Ngay cả nếu hai cách trên khả thi, engine prototyping của Figma rất hạn chế, không giống như code. Nó sẽ không thể “tạo ra mọi thứ”, mà sẽ rất cồng kềnh và khó dùng.
4. Prompt và tham chiếu hình ảnh: Là một cuộc trò chuyện
Mẹo prompt:
Figma Make nhận hai loại input chính:
Directional prompt — Càng có cấu trúc càng tốt. Chia hướng dẫn thành các phần như: context, platform, visual style, và UI components.
Visual reference — Import một component cụ thể hoặc dán frame để Make có khởi đầu. Tránh chọn nhiều frame hoặc section cùng lúc, có thể gây lỗi hoặc bị kẹt trong upload.
Muốn tham chiếu website trong prompt? Hiện tại phải chờ. Figma chưa thể duyệt web để lấy tham chiếu, ý tưởng hay pattern thiết kế.
5. Bức tranh tổng thể: Figma Make có ý nghĩa gì với designer
Figma Make là cách nhanh nhất để biến một ý tưởng thô thành hiện thực, nhưng chưa thể thay thế Figma truyền thống. Hãy coi nó như một công cụ rapid ideation, cầu nối giữa bản phác thảo trên khăn giấy và wireframe độ trung thực cao.
Nếu workflow của bạn phụ thuộc vào thư viện component sâu, breakpoint pixel-perfect hay hiệu ứng trực quan tinh tế, bạn sẽ cảm thấy bực bội. Nhưng với những khám phá giai đoạn đầu hoặc ý tưởng tương tác nhanh, Figma Make đã đi trước nhiều công cụ khác.
Tóm tắt:
Tốc độ và khả năng tiếp cận: Không đối thủ cho prototype đơn giản và ý tưởng giai đoạn đầu.
Hỗ trợ hệ thống thiết kế: Ổn với style và token, nhưng không với component tùy chỉnh.
Sức mạnh prototyping: Tốt cho flow cơ bản, không đáng tin với flow nâng cao.
Prompting: Prompt có cấu trúc và tham chiếu rõ ràng là hiệu quả nhất.
Idea: Figma sẽ lấy các mẫu có sẵn được tạo bởi các nhà thiết kế chứ không thực sự sáng tạo, nó thực sự là điểm yếu lớn khi sử dụng.
6. Thực hành Figma maker.
Tôi đã tạo một ứng dụng nhỏ tên là: Funny Sticker Generator App
1. Mục tiêu: Ứng dụng cho phép người dùng tạo các sticker vui nhộn theo mô tả text. Người dùng nhập mô tả, chọn số lượng sticker muốn tạo, app sẽ tạo sticker và hiển thị để tải về hoặc mua nâng cấp.
2. Chức năng chính:
– Nhập mô tả và số lượng sticker: Người dùng gõ mô tả sticker (ví dụ: “con mèo mặt buồn uống trà sữa”).
– Chọn số lượng sticker muốn tạo (1–10).
– Button “Generate”
Mô tả:
Khi nhấn, app gửi yêu cầu đến API Gemini để tạo sticker.
Hiển thị trạng thái đang tạo sticker (loading).
Hiển thị danh sách sticker
Sticker hiển thị dạng lưới (grid).
Người dùng có thể nhấn xem full-size.
– Tải về sticker: Tải từng sticker hoặc tải tất cả.
Mobile: lưu trực tiếp vào thư viện ảnh.
Thanh toán In-App Purchase
Mua gói premium để tạo nhiều sticker hơn, tốc độ nhanh hơn hoặc chất lượng cao hơn.
và tôi đã public nó, bạn có. hể xem theo link sau: https://bagel-math-58475315.figma.site/
Một số hình ảnh của ứng dụng:
Đây là video demo ứng dụng:
Screen Recording 2025-11-15 at 11.59.00
Kết luận:
Figma Make giống như một intern AI mà designer luôn muốn: nhanh, nhiệt tình và tuyệt vời cho mockup, nhưng chưa đủ khả năng “làm chủ”. Hãy tận dụng điểm mạnh, chú ý giới hạn, và bạn sẽ thấy đây là một công cụ hữu ích (dù chưa hoàn hảo) trong bộ toolkit của mình.
Ý kiến cá nhân:
1. Tôi thấy sử dụng nó không hiệu quả, chỉ phù hợp cho các dụng dụng nhỏ và gặp rất nhiều lỗi.
2. Tương tự với cá AI khác, bạn phải ghi đầy đủ và thật chi tiết trong prompt của mình để Figma tạo UI tốt hơn.
3. Néu muốn sử dụng để tạo ra các file code, tôi sẽ chọn claude code, cursor hơn là sử dụng Figma Make
4. Tôi muốn chuyển từ Figma Design sang Make, chứ không phải ngược lại