Figma cập nhật lớn: Ra mắt ‘code layers’, hỗ trợ animation và nâng cấp AI mạnh mẽ

Figma vừa công bố một bản cập nhật quan trọng, mang đến nhiều thay đổi đáng chú ý nhằm thu hẹp khoảng cách giữa thiết kế và phát triển phần mềm. Nổi bật nhất là tính năng code layers, cho phép các đội ngũ kỹ thuật và thiết kế làm việc trực tiếp trên cùng một không gian canvas.

Tích hợp Code Layers trực tiếp vào Canvas

Thay vì chỉ tập trung vào các bản vẽ tĩnh, Figma giờ đây cho phép người dùng clone các repository và trích xuất luồng dữ liệu từ code sang các layer thiết kế để thử nghiệm. Theo Yuhki Yamashita, Giám đốc sản phẩm của Figma, tính năng này giúp các nhà thiết kế, quản lý sản phẩm (PM) và lập trình viên có thể nhanh chóng thử nghiệm ý tưởng mà không bị áp lực về việc phải tạo ra mã nguồn hoàn chỉnh để đưa vào môi trường production.

Hỗ trợ Animation và 3D Transforms

Trước đây, việc tạo hiệu ứng chuyển động thường yêu cầu các công cụ bên thứ ba và chuyển đổi phức tạp. Với bản cập nhật này, Figma đã tích hợp sẵn các công cụ hỗ trợ animation, transitions và 3D transforms ngay trong ứng dụng. Người dùng cũng có thể tận dụng AI để tạo ra các hiệu ứng shader và fill một cách nhanh chóng.

Nâng cấp AI và khả năng tùy biến

Figma đang đẩy mạnh khả năng của trợ lý AI thông qua việc cho phép người dùng viết các prompt để tạo ra những ‘kỹ năng’ (skills) có thể lặp lại. Người dùng có thể kết nối các công cụ như Notion, Granola, Excel và GitHub để cung cấp ngữ cảnh cho AI bot.

Đặc biệt, sau khi mua lại công cụ Weavy, Figma đang tích hợp sâu hơn để người dùng có thể tạo các workflow ngay trong giao diện thiết kế. Ngoài ra, nền tảng này cũng bổ sung tính năng cho phép người dùng tự tạo các plugin tùy chỉnh như trình tạo layout (layout generators) hay công cụ theo dõi đường dẫn vector (vector path tracers) chỉ bằng cách sử dụng câu lệnh prompt.

Nguồn tham khảo: TechCrunch