Figma：Claude sẽ nhanh chóng chuyển đổi ý tưởng thành mã, có thể xây dựng một trang web trong một ngày

Figma của các kỹ sư cho biết trước khi xuất hiện Anthropic, các mô hình AI rõ ràng thiếu gu thiết kế và cá tính, khiến chúng thường tạo ra các thiết kế giống nhau. Claude giúp Figma có các mô hình AI có gu thiết kế, đơn giản hóa quá trình giao tiếp và chỉnh sửa, như lời của Jensen Huang nói, phần mềm SaaS và AI không phải là đối thủ mà là giúp nhóm làm việc hoàn thành công việc hiệu quả hơn.

Figma thông qua ngôn ngữ tự nhiên để tạo ứng dụng

Quản lý sản phẩm của Figma, Alex Mullans, chỉ ra rằng trong quy trình thiết kế truyền thống, sau khi bàn giao thiết kế, thường có sự lệch so với ý tưởng ban đầu do hạn chế thực thi. Bằng cách tích hợp việc tạo thiết kế và mã code trên cùng một nền tảng, nhóm có thể duy trì kiểm soát ý định thiết kế trong quá trình phát triển, giảm thiểu chi phí giao tiếp lặp lại. Figma sử dụng Claude để thao tác bằng ngôn ngữ tự nhiên, giúp các nhà thiết kế tiết kiệm thời gian thực thi, chuyển đổi thiết kế tĩnh thành nguyên mẫu hoặc ứng dụng có hành vi tương tác, rút ngắn khoảng cách từ ý tưởng đến xác thực.

Claude hỗ trợ Figma Make, người dùng có thể nhanh chóng tạo ra nguyên mẫu hoặc ứng dụng có thể hoạt động mà không cần viết mã. Các nhà thiết kế, nhà phát triển và quản lý sản phẩm có thể hoàn thành công việc trước đây mất nhiều thời gian trong vài phút, để hệ thống tự động xử lý các nhiệm vụ lặp đi lặp lại, phức tạp. Figma cho biết mô hình này giúp nhóm dành nhiều thời gian hơn để khám phá các hướng thiết kế và ý tưởng sản phẩm khác nhau, đồng thời cho phép các thành viên không có nền tảng thiết kế thể hiện ý tưởng bằng hình ảnh, mở rộng phạm vi tham gia vào quy trình thiết kế.

Sử dụng Claude có thể xây dựng website trong một ngày

Khi chọn mô hình trí tuệ nhân tạo, Figma chú trọng đến chất lượng mã, khả năng hiểu ý định thiết kế và tốc độ thực thi, Mullans nói rằng Claude thể hiện sự ổn định qua nhiều lần đánh giá, có thể cân bằng giữa độ chính xác và nhu cầu người dùng. Nhóm Figma cũng chỉ ra rằng, khả năng cảm nhận thiết kế của Claude khiến kết quả tạo ra không chỉ có tính năng mà còn phù hợp với thẩm mỹ thiết kế. Quản lý sản phẩm của Figma Make, Holly Li, chia sẻ rằng cô từng mất khoảng 30 giờ tự học React để xây dựng website, còn nhờ Claude, chỉ trong một ngày đã hoàn thành tái cấu trúc mã và mở rộng chức năng.

Holly Li nói rằng mỗi lần cập nhật, Claude đều mang lại cải tiến rõ rệt, giờ đây chỉ cần một gợi ý là có thể tạo ra các thiết kế đẹp mắt với gradient, phông chữ đa dạng và hiệu ứng hoạt hình tinh tế. Các nhà thiết kế trong nhóm Figma còn nói: “Claude quá tuyệt vời, cảm động muốn khóc.”

Claude giúp ngôn ngữ tự nhiên thúc đẩy lập trình, mang lại cuộc cách mạng trong thiết kế

Figma tích hợp Claude trong hai sản phẩm là 「Figma Sites」 và 「Figma Make」, giúp chuyển ý tưởng thành thiết kế nhanh chóng dựa trên mã code. Các nhà thiết kế có thể thêm hiệu ứng tương tác vào thiết kế hiện có trong Figma Sites bằng cách mô tả bằng ngôn ngữ tự nhiên, ví dụ như “thêm hiệu ứng nghiêng khi di chuột”, Claude sẽ nhanh chóng tạo ra mã chất lượng cao, giữ nguyên các chi tiết của thiết kế gốc.

Figma Make: dựa trên mô tả, tạo ra nguyên mẫu hoặc ứng dụng tương tác từ thiết kế Figma hiện có. Figma Make có thể biến ý tưởng thành phần mềm thực sự, nguyên mẫu có thể bắt đầu từ con số 0 hoặc dựa trên thiết kế đã tạo trong Figma. Người dùng nhập mô tả yêu cầu hoặc sao chép mô hình pixel chính xác từ Figma Design, để Claude chuyển đổi thành nguyên mẫu hoàn chỉnh có logic phức tạp và hoạt hình.

Trí tuệ nhân tạo đang thay đổi cách các nhà thiết kế mỹ thuật làm việc, chỉ cần gợi ý đơn giản là có thể tạo ra trải nghiệm tương tác. Nhóm thiết kế và phát triển không còn cần xây dựng nguyên mẫu thủ công hoặc viết nhiều mã, mà vẫn có thể nhanh chóng xác nhận hướng thiết kế. Phát triển này giúp giải quyết vấn đề giao tiếp rườm rà giữa các nhà thiết kế và kỹ sư phát triển.

Bài viết này Figma: Claude nhanh chóng chuyển ý tưởng thành mã, xây dựng website trong một ngày ban đầu xuất hiện trên truyền thông ABMedia.