Sẵn sàng thử Design Agent của Figma? Hướng dẫn này sẽ đưa bạn từ con số 0 đến màn hình đầu tiên được tạo bằng AI. Dù bạn đã có quyền truy cập beta hay đang chuẩn bị trong khi chờ trong danh sách, mọi bước ở đây sẽ giúp bạn có được kết quả tốt nhất ngay từ ngày đầu. Việc thiết lập rất quan trọng — những nhóm chuẩn bị design system trước khi sử dụng agent sẽ có kết quả tốt hơn đáng kể so với những nhóm chỉ bắt đầu prompt với các file lộn xộn.
Điểm Chính
Chất lượng của agent tỷ lệ thuận với chất lượng design system của bạn. Hãy dành 30-60 phút sắp xếp các component, biến số và style TRƯỚC phiên làm việc đầu tiên với agent. Khoản đầu tư ban đầu này sẽ tiết kiệm hàng giờ chỉnh sửa kết quả AI vốn sẽ chung chung và không nhất quán. Hãy nghĩ về việc này như đưa style guide cho một thành viên mới trong nhóm trước khi họ bắt đầu thiết kế — AI cũng cần được định hướng tương tự.
Giai đoạn 1: Có quyền truy cập (5 Phút)
Nếu bạn có quyền truy cập beta: Bỏ qua Giai đoạn 2. Bạn sẽ biết mình có quyền truy cập khi thấy panel AI Agent trong thanh bên trái của Figma (tìm biểu tượng ngôi sao/đũa phép).
Nếu bạn chưa có quyền truy cập: Mở Figma → Settings → AI Features → Tham gia danh sách chờ Design Agent. Trong khi chờ, hãy hoàn thành Giai đoạn 2 và 3 bên dưới — việc chuẩn bị design system ngay bây giờ có nghĩa là bạn sẽ có kết quả tuyệt vời ngay khi có quyền truy cập. Figma đang mở rộng quyền truy cập beta đều đặn; hầu hết người dùng gói trả phí sẽ có quyền truy cập trong vòng vài tuần sau khi tham gia danh sách chờ.
Người dùng gói miễn phí: Design Agent hiện chỉ có trên các gói trả phí (Professional, Organization, Enterprise). Gói Starter miễn phí bao gồm các tính năng AI cơ bản (gợi ý văn bản, auto layout, đổi tên layer) nhưng không có agent. Nếu bạn đang cân nhắc nâng cấp để có agent, phân tích chi phí credit của chúng tôi sẽ giúp bạn hiểu rõ bức tranh giá cả toàn diện.
Giai đoạn 2: Chuẩn bị Design System (30-60 Phút, Một lần)
Đây là bước mà hầu hết mọi người bỏ qua — và nó là yếu tố quyết định lớn nhất đến chất lượng kết quả. Agent sử dụng các component, biến số và style đã được xuất bản của bạn làm khối xây dựng. Nếu những khối xây dựng đó được tổ chức tốt, agent sẽ xây dựng tốt. Nếu chúng lộn xộn, agent sẽ xây dựng lộn xộn.
| Nhiệm vụ chuẩn bị | Tại sao quan trọng | Thời gian | Độ ưu tiên |
|---|---|---|---|
| Xuất bản component | Agent chỉ có thể sử dụng component đã xuất bản | 10 phút | Quan trọng |
| Đặt tên component rõ ràng | Agent chọn theo tên: "Button/Primary" thay vì "Frame 47" | 15 phút | Quan trọng |
| Thiết lập biến màu | Agent áp dụng màu có tên: "brand-blue" thay vì mã hex | 10 phút | Cao |
| Định nghĩa style văn bản | Agent áp dụng: "Heading/H1" thay vì "Inter Bold 32px" | 10 phút | Cao |
| Thiết lập biến khoảng cách | Agent sử dụng token khoảng cách nhất quán 4/8/16/24/32px | 5 phút | Trung bình |
| Tạo variant component | Nhiều variant = kết quả agent cụ thể hơn | 15 phút | Trung bình |
Nếu design system của bạn đã được tổ chức tốt (component có tên, thư viện đã xuất bản, biến màu/văn bản), bạn có thể bỏ qua giai đoạn này. Nếu bạn làm từ đầu hoặc có file lộn xộn, khoản đầu tư 30-60 phút này sẽ được hoàn vốn ngay lập tức — mọi tương tác với agent đều tạo ra kết quả tốt hơn khi nền tảng vững chắc.
Giai đoạn 3: Viết Prompt đầu tiên (10 Phút)
Bắt đầu đơn giản. Tương tác đầu tiên với agent nên là một loại màn hình tiêu chuẩn — trang cài đặt, màn hình hồ sơ, hoặc card dashboard. Tránh luồng đa màn hình phức tạp hoặc mẫu tương tác mới lạ cho lần thử đầu tiên. Mục tiêu là học hành vi của agent, không phải tạo ra sản phẩm hoàn thiện.
Đây là mẫu prompt cho lần thử đầu tiên của bạn:
Một ví dụ cụ thể:
Prompt này đủ cụ thể để agent đưa ra quyết định tốt nhưng đủ linh hoạt để cho phép diễn giải sáng tạo. Chú ý mẫu: cấu trúc nội dung + tham chiếu component + ràng buộc layout. Càng cụ thể về component và khoảng cách, kết quả càng ít cần chỉnh sửa.
📬 Thấy hữu ích?
Một insight AI hữu ích mỗi tuần. Cộng với gói prompt miễn phí khi đăng ký.
Đăng ký miễn phí →Giai đoạn 4: Tạo và Tinh chỉnh (5-15 Phút)
Sau khi gửi prompt, agent sẽ tạo thiết kế trong 15-30 giây. Kết quả đầu tiên có thể sẽ đạt 60-80% những gì bạn muốn. Điều này bình thường — hãy chuẩn bị tinh chỉnh. Giá trị nằm ở 60-80% mà bạn không phải tạo thủ công, chứ không phải mong đợi sự hoàn hảo.
Những điều chỉnh thường gặp sau khi tạo: Tinh chỉnh giá trị khoảng cách (agent sử dụng token của bạn nhưng có thể chọn khác với ý muốn của bạn). Thay variant component (agent chọn variant mặc định; bạn có thể muốn kích thước hoặc trạng thái khác). Điều chỉnh thứ tự nội dung (di chuyển phần lên hoặc xuống theo độ ưu tiên). Thêm các phần tử trường hợp đặc biệt mà agent không dự đoán (văn bản trợ giúp, thông báo xác thực, trạng thái trống). Những điều chỉnh này mất 5-15 phút — so với 1-3 giờ xây dựng màn hình từ đầu.
Nếu kết quả kém: Trước khi prompt lại, hãy kiểm tra design system của bạn. Nếu agent sử dụng "Frame 47" thay vì component có tên, component của bạn có thể chưa được xuất bản hoặc chưa được đặt tên rõ ràng. Nếu màu sắc trông sai, hãy kiểm tra biến màu đã được thiết lập chưa. Kết quả kém hầu như luôn bắt nguồn từ thiếu sót trong design system, không phải hạn chế của agent.
Xây dựng Skills cho Tác vụ lặp lại
Khi bạn đã tạo 3-4 màn hình và hiểu hành vi của agent, hãy tạo Skills — hướng dẫn markdown có thể tái sử dụng để mã hóa quy ước của nhóm bạn. Một Skill /settings-page sẽ cho agent biết chính xác cách nhóm bạn xây dựng trang cài đặt: component nào cần dùng, cách phân bố khoảng cách phần, nội dung gì cần có trong footer, cách xử lý breakpoint responsive. Skills biến agent từ AI chung chung thành AI của nhóm bạn.
Để có prompt tốt hơn ngay từ đầu — dù cho agent, ChatGPT hay bất kỳ công cụ AI nào — Prompt Optimizer miễn phí áp dụng framework ICCSSE để thêm cấu trúc tạo ra kết quả tốt hơn. Để tối ưu hóa một cú nhấp bên trong ChatGPT, Claude và Gemini, TresPrompt thêm nó trực tiếp vào thanh bên AI của bạn.
Câu hỏi thường gặp
Mất bao lâu để tạo một màn hình?
Agent tạo hầu hết màn hình trong 15-30 giây. Màn hình phức tạp với nhiều phần có thể mất đến một phút. Tinh chỉnh (điều chỉnh kết quả đã tạo) thường mất 5-15 phút. Tổng thời gian từ prompt đến sẵn sàng sản xuất: 10-20 phút cho màn hình tiêu chuẩn, so với 1-3 giờ làm thủ công.
Tôi có thể hoàn tác thiết kế do agent tạo không?
Có — hoàn tác tiêu chuẩn Cmd/Ctrl+Z hoạt động. Agent tạo layer như bất kỳ hành động Figma nào khác. Bạn cũng có thể chọn và xóa các phần tử được tạo cụ thể trong khi giữ lại những phần khác. Không có ràng buộc; kết quả là layer Figma tiêu chuẩn.
Agent có hoạt động trong FigJam không?
Không — Design Agent chỉ dành riêng cho file thiết kế Figma. FigJam có các tính năng AI riêng cho brainstorming và lên ý tưởng, nhưng agent thiết kế dựa trên canvas chỉ hoạt động trong chế độ thiết kế.
Nhiều thành viên trong nhóm có thể sử dụng agent cùng lúc không?
Có — agent hoạt động trong cơ sở hạ tầng multiplayer hiện có của Figma. Nhiều designer có thể prompt agent trên các trang khác nhau của cùng một file đồng thời. Tương tác agent của mỗi designer là độc lập.
Dự án đầu tiên tốt nhất cho agent là gì?
Trang cài đặt hoặc màn hình hồ sơ — đây là những mẫu tiêu chuẩn với cấu trúc rõ ràng, lý tưởng để học hành vi của agent. Tránh bắt đầu với dashboard phức tạp hoặc mẫu tương tác mới lạ. Thành thạo những điều cơ bản trước, sau đó giải quyết màn hình phức tạp khi bạn hiểu cách agent diễn giải prompt và sử dụng component.
Tiết lộ: Một số liên kết trong bài viết này là liên kết affiliate. Chúng tôi chỉ khuyến nghị các công cụ đã được kiểm tra và sử dụng thường xuyên. Xem chính sách tiết lộ đầy đủ của chúng tôi.