Sự tiến hóa của Figma: Code Layers, Plugin AI và Hỗ trợ chuyển động

Figma đang tái định nghĩa một cách căn bản ranh giới giữa thiết kế và phát triển với bản cập nhật lớn mới nhất. Bằng cách tích hợp các lớp mã (code layers) và khả năng AI tạo sinh (generative AI) trực tiếp vào canvas cộng tác, nền tảng này đang chuyển mình từ một công cụ tạo mẫu tĩnh thành một môi trường đa ngành năng động.

Thu hẹp khoảng cách với Code Layers

Trong một bước đi quan trọng hướng tới sự tương đồng giữa "thiết kế và mã nguồn" (design-to-code parity), Figma đã giới thiệu các lớp mã trực tiếp lên canvas đa người dùng. Tính năng này cho phép các đội ngũ kỹ sư sao chép các kho lưu trữ (repositories) và trích xuất các luồng mã hiện có ngược trở lại các lớp thiết kế để thử nghiệm và lặp lại nhanh chóng.

Khác với các quy trình làm việc truyền thống, nơi các nhà thiết kế bàn giao các tệp tĩnh cho các nhà phát triển, Giám đốc Sản phẩm của Figma, Yuhki Yamashita, nhấn mạnh rằng môi trường này được xây dựng để khám phá hơn là để tạo ra các sản phẩm hoàn thiện sẵn sàng để sản xuất. Bằng cách cho phép các nhà thiết kế, quản lý sản phẩm và kỹ sư tương tác với mã theo cách không gian và phi tuyến tính, Figma nhằm mục đích đẩy nhanh giai đoạn khám phá trong quá trình phát triển sản phẩm, giảm thiểu sự ma sát thường thấy trong quá trình bàn giao.

Chuyển động nâng cao, Shaders và Biến đổi 3D

Trong nhiều năm, thiết kế chuyển động độ trung thực cao đòi hỏi các nhà thiết kế phải chuyển đổi qua lại giữa Figma và các phần mềm hoạt ảnh chuyên dụng, thường dẫn đến các quy trình chuyển đổi phức tạp. Figma đang loại bỏ sự phức tạp này bằng cách thêm hỗ trợ gốc cho các hoạt ảnh, hiệu ứng chuyển cảnh và biến đổi 3D.

Bản cập nhật cũng mở rộng bộ công cụ hình ảnh bằng cách giới thiệu hỗ trợ cho các hiệu ứng shader và lớp phủ (fills). Điều này cho phép các yếu tố hình ảnh hiệu suất cao và tinh vi hơn được tạo mẫu ngay trong chính công cụ, đảm bảo rằng "cảm giác" của một sản phẩm được nắm bắt sớm hơn nhiều trong vòng đời phát triển.

AI tạo sinh và Tạo Plugin tùy chỉnh

Figma đang đẩy mạnh lộ trình AI của mình bằng cách biến canvas thành một không gian làm việc có thể lập trình. Giờ đây, người dùng có thể sử dụng các câu lệnh văn bản để tạo ra các "kỹ năng" có thể lặp lại cho các tác nhân AI, biến trợ lý AI thành một cộng sự được tùy chỉnh thay vì chỉ là một công cụ chung chung. Để tăng độ chính xác, AI hiện có thể tiếp nhận ngữ cảnh từ các công cụ bên ngoài như Notion, Excel, GitHub, Granola và các tệp được tải lên khác nhau.

Có lẽ điều đột phá nhất đối với cộng đồng nhà phát triển là khả năng tạo các plugin tùy chỉnh thông qua các câu lệnh đơn giản. Cho dù người dùng cần một trình tạo bố cục cụ thể hay một trình theo dõi đường dẫn vector phức tạp, giờ đây họ có thể xây dựng các công cụ chức năng riêng biệt ngay trong Figma mà không cần viết mã truyền thống.

Tích hợp Weavy cho các quy trình làm việc dựa trên mô hình

Dựa trên việc mua lại công cụ dựa trên nút Weavy, Figma đang nỗ lực tích hợp các quy trình làm việc dựa trên mô hình nâng cao. Cuối năm nay, người dùng sẽ có thể tạo các quy trình làm việc Weavy trực tiếp trong giao diện Figma. Điều này sẽ cho phép các đội ngũ thiết kế chạy các quy trình phức tạp thông qua các mô hình AI khác nhau để so sánh kết quả đầu ra, đảm bảo rằng hướng thiết kế được chọn đã được tối ưu hóa trên nhiều tham số tạo sinh khác nhau.

Các điểm chính cần lưu ý

• Sự tương đồng giữa Code và Thiết kế: Các lớp mã mới cho phép các đội ngũ đưa dữ liệu kho lưu trữ vào canvas, biến môi trường thiết kế thành một không gian cộng tác thực sự cho các kỹ sư và nhà thiết kế.
• Chuyển động & Shaders gốc: Figma hiện hỗ trợ biến đổi 3D, hiệu ứng chuyển cảnh và hiệu ứng shader, giảm bớt nhu cầu sử dụng phần mềm hoạt ảnh bên ngoài.
• Khả năng mở rộng do AI thúc đẩy: Người dùng hiện có thể tạo các plugin tùy chỉnh và các "kỹ năng" AI có thể lặp lại thông qua các câu lệnh văn bản, được tích hợp với dữ liệu bên ngoài từ GitHub và Notion.