Figma ra mắt tác nhân thiết kế

• Tác nhân thiết kế chuyên dụng cho Figma hoạt động trực tiếp trên canvas đã được ra mắt, mang đến môi trường nơi nhà thiết kế có thể luân chuyển giữa cộng tác với AI và thao tác trực tiếp mà không cần chuyển đổi công cụ
• Được fine-tune để hiểu sâu ngữ cảnh của hệ thống thiết kế như component, token, tiêu chuẩn và best practice, từ đó tạo đầu ra được tối ưu cho việc chỉnh sửa file Figma
• Có thể bắt đầu prompt ở bất kỳ layer thiết kế nào, hỗ trợ parallel prompt để khám phá nhiều ý tưởng cùng lúc, đồng thời tác nhân và người dùng có thể cùng chỉnh sửa song song
• Có thể dùng để tự động hóa các việc lặp đi lặp lại (busywork) như đổi hàng loạt biến, thay component, chuyển sang dark mode, thay lorem ipsum
• Sẽ được phát hành beta dần trong vài tuần tới, không tiêu tốn credit trong thời gian beta, dành cho người dùng Full seat của các gói Professional/Organization/Enterprise

---

Bối cảnh ra mắt và định vị

• Những yếu tố cốt lõi mà nhà thiết kế cần là khám phá, thử nghiệm, cộng tác và độ chính xác, và Figma được thiết kế như một canvas nhiều người chơi để hỗ trợ điều đó
• Khi các nhóm bắt đầu áp dụng công cụ tác nhân, những lựa chọn nhị nguyên sai lầm (false choices) như "tốc độ vs độ chính xác", "AI tạo ra vs thao tác trực tiếp" đang xuất hiện, nhưng quan điểm ở đây là không cần phải chọn một trong hai
• Sau khi mở canvas Figma cho các tác nhân bên thứ ba vào đầu năm nay, lần này Figma ra mắt tác nhân Figma được tích hợp trực tiếp vào canvas và thanh bên trái (left rail)
• Mục tiêu là tạo ra một tác nhân thành thạo Figma và phù hợp tự nhiên với cách các nhóm làm việc, đồng thời khiến chính Figma trở nên dễ đọc với mô hình (legible) ở mức mà công cụ bên thứ ba không thể làm được

Tác nhân Figma vs máy chủ MCP

• Tác nhân Figma

  • Dùng khi làm việc trên canvas, được tích hợp sẵn và có thêm ngữ cảnh về hệ thống thiết kế
  • Luôn hiện diện trên canvas mà không cần thiết lập riêng hay chuyển ngữ cảnh

• Máy chủ MCP

  • Dùng khi kéo mã vào canvas (pull) hoặc đẩy thiết kế trở lại thành mã (push)
  • Phụ trách quy trình làm việc giữa code và canvas cùng với use_figma

Cách hoạt động cốt lõi

• Hoạt động ngay bên cạnh canvas như một cộng tác viên thực thụ (true collaborator) cùng làm việc với cả nhóm trong cùng một file
• Được fine-tune cho việc chỉnh sửa file Figma nên tạo đầu ra phù hợp với ngữ cảnh thiết kế, đồng thời được thiết kế để có thể thao tác trực tiếp nên người dùng vẫn giữ quyền kiểm soát
• Khác với máy chủ MCP, nó hiện diện trực tiếp trên canvas nên không cần thiết lập hay chuyển ngữ cảnh riêng
  • Có thể bắt đầu prompt từ bất kỳ layer thiết kế nào
  • Hỗ trợ parallel prompting để triển khai nhiều ý tưởng cùng lúc
  • Trong lúc tác nhân làm việc, người dùng vẫn có thể đồng thời chỉnh sửa và lặp tiếp công việc

Khám phá nhiều hướng hơn (Explore more directions)

• Những thiết kế tốt nhất không xuất hiện từ ý tưởng đầu tiên hay prompt đầu tiên; việc khám phá hướng đi, so sánh cách tiếp cận và lặp lại là cốt lõi của thiết kế

• Mở rộng bề rộng (Go wide)

  • Nhanh chóng tạo ra các cách tiếp cận phong cách khác nhau cho cùng một vấn đề
  • So sánh nhiều luồng checkout được tối ưu cho các mục tiêu kinh doanh khác nhau
  • Có thể yêu cầu ba kiến trúc thông tin khác nhau

• Đi sâu (Go deep)

  • Chọn một hướng để tiếp tục lặp, so sánh cách triển khai và rà soát thiết kế hiện có trong khi vẫn giữ sự nhất quán với hệ thống thiết kế
  • Dùng các component được sử dụng thường xuyên và gần đây nhất làm điểm khởi đầu
  • Có thể chọn thư viện cụ thể, chỉ định token/biến/component bằng @ mention để điều khiển hướng đầu ra — giống như phím tắt cho hệ thống thiết kế

• Kết nối với Figma Make

  • Tạo layer thiết kế trong Figma Design bằng tác nhân để làm rõ ý đồ về luồng, trạng thái, nội dung và cấu trúc → gửi sang Make để tạo layer code → nhúng lại vào Figma Design
  • Hoặc bắt đầu từ Figma Make → sao chép frame sang Figma Design → lặp bằng tác nhân → gửi lại sang Make
• Càng dễ tạo thiết kế bằng AI thì rủi ro phát hành các kết quả tầm thường càng lớn, và tác nhân được thiết kế để khám phá nhiều hướng hơn nhằm chọn ra điều đúng đắn
• Khi đã xác định được hướng đi, việc tự tay chỉnh sửa thường nhanh hơn, tự nhiên hơn và hiệu quả token (token efficient) hơn

Tự động hóa việc vặt (Automate busywork)

• Việc tác nhân cùng hoạt động trên canvas cho phép chuyển đổi linh hoạt giữa hỗ trợ AI và thao tác trực tiếp
• Tự động hóa những công việc nhàm chán đòi hỏi ngữ cảnh và độ chính xác
  • Đổi tên hàng loạt biến để đảm bảo tính nhất quán
  • Thay cùng một component trên nhiều màn hình
  • Áp dụng lặp đi lặp lại thay đổi padding cho toàn bộ luồng
  • Điền nội dung thực tế vào nhiều frame

• Ví dụ sử dụng cụ thể

  • Cập nhật typography trên toàn bộ file
  • Thay lorem ipsum và hình ảnh trên toàn bộ lưới
  • Đặt tất cả component chip sang trạng thái active
  • Chuyển màn hình sang dark mode mà không cần chỉnh thủ công fill và độ tương phản

• Đặc biệt hữu ích cho người vận hành hệ thống thiết kế

  • Cập nhật hàng loạt mô tả, thẻ và trường hợp sử dụng trên toàn bộ thư viện
  • Chuẩn hóa quy ước đặt tên
  • Tài liệu hóa component bao gồm mọi trạng thái và biến thể
  • Chia sẻ ví dụ công việc của nhóm để làm hướng dẫn chất lượng

• Handoff với máy chủ Figma MCP

  • Công việc giữa code và Figma có thể di chuyển qua lại mà không mất độ trung thực
  • Bắt đầu từ code → đưa vào Figma bằng tính năng code-to-canvas để lặp hoặc áp dụng hệ thống thiết kế → gửi lại qua máy chủ MCP, mọi thứ vẫn được giữ đồng bộ

Tận dụng phản hồi nhiều hơn (Do more with feedback)

• Công việc thiết kế tích lũy các comment và phản hồi nằm rải rác khắp file như ghi chú phản biện, phản ứng từ các bên liên quan và những câu hỏi chưa được giải quyết
• Vì cả nhóm làm việc trong cùng một file nên tác nhân đã có sẵn ngữ cảnh; cảm giác này không phải là briefing cho một cộng tác viên mới mà là sắp xếp lại suy nghĩ với người đã ở sẵn trong phòng

• Cách tận dụng

  • Tóm tắt phản hồi, xác định chủ đề, chuyển đầu vào thành bước tiếp theo
  • Kiểm tra độ bền của thiết kế từ nhiều góc nhìn — có thể mô phỏng phản ứng của một VP tập trung vào doanh thu
  • Sắp xếp các thread comment dài thành kế hoạch có thể hành động
  • Sắp xếp suy nghĩ trước buổi critique để tinh chỉnh hướng đi

Lộ trình tiếp theo và điều kiện phát hành

• Trong vài tháng tới, trọng tâm sẽ là cải thiện hỗ trợ hệ thống thiết kế, nâng cấp UX, mở rộng khả năng tìm kiếm trên toàn file và bổ sung thêm cách tùy biến

• Điều kiện phát hành beta

  • Beta sẽ được rollout dần trong vài tuần tới
  • Không tiêu tốn credit trong thời gian beta, credit AI sẽ được áp dụng khi phát hành chính thức (GA)
  • Có thể đăng ký danh sách chờ, nhưng đăng ký không đảm bảo quyền truy cập

• Các gói sử dụng được

  • Dành cho người dùng Full seat của các gói Professional, Organization và Enterprise
  • Collab và Dev seat có thể dùng tác nhân trong drafts
  • Không hỗ trợ các gói Starter, Education và Government