Figma ra mắt trình biên tập quy tắc thiết kế cho AI agent

Figma ra mắt Figma Specs, trình biên tập tài liệu giúp AI agent tham khảo các quy tắc thiết kế. Công ty cũng chuyển Code Layers, công cụ tạo và chỉnh sửa mã ngay trên màn hình thiết kế, sang giai đoạn beta công khai.

Hai tính năng tập hợp thiết kế, mã và hướng dẫn của nhóm trong cùng một không gian làm việc để agent tham khảo khi tạo sản phẩm. TechCrunch đưa tin Figma công bố các tính năng này, cùng việc mở rộng hỗ trợ công cụ MCP và tích hợp Payload của hệ thống quản lý nội dung, tại sự kiện Config lần đầu tổ chức ở Ấn Độ.

Specs là trình biên tập dựa trên Markdown. Nhóm có thể ghi lại ngôn ngữ thiết kế và hướng dẫn trong tài liệu đặt trên canvas của Figma hoặc dưới dạng tệp độc lập. Tài liệu có thể tham chiếu các thành phần thiết kế trên canvas, sơ đồ FigJam và Code Layers.

Theo TechCrunch, các nhóm cũng có thể bổ sung thư viện thiết kế, thư viện mã và hướng dẫn làm ngữ cảnh. Agent có thể tham khảo tài liệu tập trung để làm việc theo quy tắc thiết kế thương hiệu.

Code Layers cho phép đưa mã đang hoạt động vào canvas để tạo nguyên mẫu tương tác. Người dùng có thể yêu cầu agent chuyển thiết kế thành mã hoặc chỉnh sửa một phần mã.

Figma công bố Code Layers ở giai đoạn beta kín vào tháng 6 vừa qua. TechCrunch đưa tin công cụ này đã chuyển sang beta công khai tại sự kiện ở Ấn Độ.

Thông báo lần này tập trung vào việc tập hợp trong một nơi các ngữ cảnh để agent tham khảo khi làm việc. Khi quy tắc thiết kế và tài liệu liên quan được lưu trong Specs, cả nhóm lẫn agent có thể cùng dựa trên một bộ tiêu chuẩn.

Loredana Crisan, giám đốc thiết kế của Figma, nói với TechCrunch: “Tôi cho rằng Figma là nơi các nhóm phần mềm quyết định sẽ xây dựng và phát hành sản phẩm nào”. Bà cho biết lượng mã được viết bằng AI đã tăng gấp 17 lần so với trước đây, trong khi số sản phẩm được phát hành chỉ tăng 1,3 lần. Theo ý bà, phần lớn mã được tạo ra phục vụ việc hình thành ý tưởng và thiết kế sản phẩm, thay vì đưa sản phẩm ra thị trường.

Figma cho biết MCP hiện hỗ trợ hơn 20 công cụ, trong đó có OpenCode, Dia, Grok Bot và Sarvam, một startup AI của Ấn Độ. MCP là giao thức giúp AI agent kết nối với các công cụ bên ngoài.

Figma cũng tích hợp Payload, hệ thống quản lý nội dung headless mã nguồn mở mà công ty mua lại năm ngoái, với Figma Make, công cụ tạo website của hãng. Công ty cho biết lượt tải Payload đã tăng gấp 6 lần trong 12 tháng gần đây.

Specs và Code Layers sẽ lần lượt được cung cấp ở giai đoạn beta công khai.