Figma Công Bố Các Công Cụ Đồ Họa Chuyển Động AI và WebGPU Shader

Figma đang thay đổi căn bản cầu nối giữa thiết kế và phát triển bằng cách tích hợp các khả năng AI tiên tiến trực tiếp vào canvas cốt lõi của mình. Tại hội nghị Config thường niên, gã khổng lồ thiết kế này đã công bố một bộ công cụ độ trung thực cao, bao gồm đồ họa chuyển động do AI điều khiển và các hiệu ứng shader, được thiết kế để tự động hóa các quy trình sáng tạo phức tạp.

Thu Hẹp Khoảng Cách với Code Layers và Tối Ưu Hóa Full-Stack

Một trong những thay đổi đáng kể nhất trong hệ sinh thái của Figma là canvas được tái thiết kế, hiện đã được tối ưu hóa cho phát triển full-stack. Việc giới thiệu "Code Layers" cho phép các nhà thiết kế và kỹ sư làm việc trong một môi trường thống nhất, xóa nhòa ranh giới giữa bản mockup trực quan và mã nguồn thực tế.

Giờ đây, các nhà phát triển có thể clone các repository, tạo ra các hướng thiết kế mới bằng cách sử dụng AI agent của Figma, và trích xuất các luồng phức tạp thành các lớp thiết kế có thể chỉnh sửa. Quan trọng hơn, những bản cập nhật này cho phép quy trình làm việc hai chiều, nơi các thay đổi có thể được đồng bộ ngược lại mã nguồn. Bằng cách đưa các AI agent và công cụ lập trình vào một không gian duy nhất, Figma đang chuyển mình từ một công cụ tạo prototype thuần túy trở thành một trung tâm điều phối cho toàn bộ vòng đời phát triển sản phẩm.

Chuyển Động Tạo Sinh và Hoạt Ảnh Điều Khiển Bởi AI

Figma đang giải quyết một trong những khía cạnh tốn thời gian nhất của thiết kế UI/UX: chuyển động (motion). Các công cụ Motion mới cho phép các nhóm thiết kế hoạt ảnh, các hiệu ứng chuyển cảnh và biến đổi 3D một cách cộng tác trực tiếp ngay trong nền tảng.

Thay vì phải đặt keyframe thủ công cho mọi chuyển động, người dùng có thể tận dụng giao diện chatbot để "prompt" (ra lệnh) tạo ra các hoạt ảnh. Cách tiếp cận dựa trên AI này cho phép những người sáng tạo mô tả một hiệu ứng chuyển cảnh—chẳng hạn như một cú nảy hoặc trượt cụ thể—và phần mềm sẽ tự động tạo ra hoạt ảnh đó. Vì các tài nguyên chuyển động này được kết nối với các design system và được hỗ trợ bởi mã nguồn, chúng ở trạng thái "ready to ship" (sẵn sàng để triển khai), giúp giảm đáng kể sự ma sát trong quá trình bàn giao giữa thiết kế và kỹ thuật front-end.

Hình Ảnh Độ Trung Thực Cao Thông Qua WebGPU Shaders

Nhằm đẩy xa các giới hạn về độ trung thực của hình ảnh, Figma đã giới thiệu các công cụ shader mới được hỗ trợ bởi WebGPU. Điều này cho phép tạo ra các hiệu ứng hình ảnh và lớp phủ (fills) tùy chỉnh mà trước đây không thể thực hiện được do những hạn chế của công cụ.

Giờ đây, người dùng có thể sử dụng các câu lệnh prompt để xây dựng các hiệu ứng shader phức tạp, chẳng hạn như dithering, pixelation và các loại làm mờ (blur) tinh vi, trực tiếp trên canvas. Khả năng này cho phép các nhà thiết kế triển khai các hiệu ứng hình ảnh cao cấp, hiệu suất cao và dựa trên các tiêu chuẩn web hiện đại. Bổ trợ cho tính năng này là "Figma Weave", một bộ gồm hơn 20 công cụ AI tích hợp được thiết kế để biến các quy trình làm việc AI phức tạp, nhiều bước thành các thao tác canvas đơn giản và trực quan.

Tại Sao Điều Này Lại Quan Trọng Đối Với Bối Cảnh AI

Sự tiến hóa của Figma báo hiệu một xu hướng rộng lớn hơn trong ngành: sự chuyển dịch từ "AI như một trợ thủ" sang "AI như một bộ máy tích hợp". Bằng cách nhúng các khả năng tạo sinh vào các lĩnh vực chuyên biệt như chuyển động và toán học shader, Figma đang chứng minh cách các LLM và AI tạo sinh có thể được áp dụng vào các quy trình làm việc chuyên nghiệp, có tính kỹ thuật cao. Sự phát triển này thiết lập một tiêu chuẩn mới về cách phần mềm sáng tạo có thể tăng cường chuyên môn của con người thay vì chỉ tự động hóa các tác vụ đơn giản, lặp đi lặp lại.

Những Điểm Chính Cần Lưu Ý

• Quy trình làm việc thống nhất: Code Layers mới cho phép các nhà phát triển đồng bộ hóa các thay đổi thiết kế trực tiếp với mã nguồn, giúp tinh giản quy trình bàn giao.
• Chuyển động tạo sinh: Các nhà thiết kế hiện có thể sử dụng các câu lệnh ngôn ngữ tự nhiên để tạo ra các hoạt ảnh và biến đổi 3D phức tạp, có hỗ trợ mã nguồn.
• Hình ảnh nâng cao: Việc tích hợp các shader được hỗ trợ bởi WebGPU cho phép tạo ra các hiệu ứng độ trung thực cao như dithering và pixelation thông qua các câu lệnh AI đơn giản.