Figma’s New AI + Dev Mode Updates Are Changing UX Design Forever (Her?

• Figma đang đi từ “tool vẽ giao diện” sang “nơi vừa thiết kế, vừa làm việc với code, vừa dùng AI”.
• Dev Mode giờ không chỉ để xem thông số, mà giúp designer và developer phối hợp sát hơn.
• Figma Make cho phép tạo thử sản phẩm bằng mô tả ngắn, không cần viết code ngay.
• Hệ thống biến số và design system trong Figma đang giống “token” thật hơn, dễ đồng bộ hơn.
• Designer nào hiểu AI, tư duy hệ thống và biết ngôn ngữ của dev sẽ có lợi thế rõ rệt.

Figma không còn là công cụ chỉ để “vẽ màn hình” như nhiều người vẫn nghĩ. Theo hướng cập nhật mới mà bài gốc nhấn mạnh, Figma đang tiến gần hơn tới một môi trường làm sản phẩm hoàn chỉnh, nơi thiết kế, lập trình và AI cùng làm việc trong một luồng. Điều này nghe có vẻ xa vời, nhưng ý nghĩa thực tế lại khá đơn giản: trước đây designer thường làm bản thiết kế, rồi chuyển qua cho developer dựng lại. Cách làm này hay phát sinh hiểu sai, chỉnh sửa vòng vo, hoặc bản thiết kế đẹp nhưng khó triển khai. Figma đang cố thu hẹp khoảng cách đó. Điểm thay đổi lớn nhất không nằm ở “thêm một tính năng mới”, mà nằm ở việc thay đổi cách làm việc. Designer không còn đứng ở một bên, developer đứng ở một bên, rồi ném file qua lại. Thay vào đó, cả hai có thể làm việc trên cùng một nền tảng gần hơn với sản phẩm thật. Một trong những thay đổi đáng chú ý là AI được đưa vào sâu hơn trong quy trình.

Hiểu đơn giản, AI có thể hỗ trợ tạo ý tưởng giao diện, sắp xếp bố cục, hoặc chuyển từ thiết kế sang mã lệnh nhanh hơn. Với người không chuyên công nghệ, đây giống như có thêm một “trợ lý” giúp làm bản nháp nhanh hơn và bớt việc lặp lại. Tất nhiên, AI không thay thế hoàn toàn con người. Nó chỉ giúp giảm phần việc cơ học, còn quyết định cuối cùng về trải nghiệm người dùng, tính hợp lý và thẩm mỹ vẫn cần người thiết kế. Một thay đổi khác là Dev Mode, tức chế độ dành cho developer, giờ được Figma đầu tư nghiêm túc hơn. Nếu trước đây Dev Mode chủ yếu dùng để “soi” kích thước, màu sắc, khoảng cách hay xuất thông số, thì nay nó được xem như một cầu nối giữa thiết kế và code. Nói dễ hiểu hơn, Dev Mode giúp các chi tiết trong bản thiết kế được trình bày theo cách developer dễ đọc hơn. Ví dụ, thay vì phải đo từng pixel hay hỏi lại “nút này dùng màu gì, bo góc bao nhiêu”, nhiều thông tin đã có sẵn và rõ ràng hơn.

Điều này có ích vì trong quá trình làm sản phẩm, phần tốn thời gian nhất thường không phải là vẽ một giao diện đẹp, mà là việc chỉnh sửa để giao diện đó có thể xây dựng đúng như mong muốn. Một cầu nối tốt sẽ giúp giảm hiểu nhầm, giảm sửa đi sửa lại. Figma cũng đang đẩy mạnh khả năng kết nối giữa thiết kế và hệ thống quản lý code như Git. Git là công cụ mà lập trình viên dùng để lưu phiên bản và làm việc nhóm trên code. Khi Figma kết nối tốt hơn với hệ thống này, thiết kế không còn tách biệt hoàn toàn khỏi quá trình phát triển sản phẩm. Điều đó không có nghĩa designer phải thành lập trình viên. Nhưng người thiết kế sẽ cần hiểu hơn về cách sản phẩm được xây dựng, để thiết kế của mình thực tế hơn, dễ bàn giao hơn và dễ thay đổi hơn khi sản phẩm phát triển. Bài gốc cũng nhắc đến Figma Make, một hướng đi khá quan trọng.

Đây là công cụ giúp người dùng tạo thử ứng dụng hoặc nguyên mẫu bằng cách nhập mô tả bằng lời. Nguyên mẫu ở đây có thể hiểu là bản mô phỏng hoạt động của sản phẩm, để kiểm tra ý tưởng trước khi làm thật. Điều đáng chú ý là Figma Make không chỉ dừng ở bản mô phỏng “nhìn cho giống”. Nó hướng đến việc tạo ra thứ có logic hơn, thậm chí có thể gắn với dữ liệu hoặc hành vi thật. Nói đơn giản, thay vì chỉ xem “ảnh của ứng dụng”, người dùng có thể thử một sản phẩm giống như thật hơn.

• Có thể thử ý tưởng nhanh hơn - Giảm thời gian dựng bản demo thủ công - Dễ kiểm tra sớm xem ý tưởng có ổn không - Ít phụ thuộc vào việc phải chờ code hoàn chỉnh mới test được Một điểm nữa được nhấn mạnh là variables và design system.

“Variables” là các giá trị dùng chung như màu sắc, kích thước, khoảng cách, trạng thái giao diện. Nếu nói theo cách đời thường, đây giống như quy ước chung để cả hệ thống dùng một kiểu, thay vì mỗi chỗ một màu, một kích thước khác nhau. Khi variables được tổ chức tốt hơn, design system sẽ đồng bộ hơn. Design system có thể hiểu là bộ quy tắc thiết kế của một sản phẩm: nút bấm thế nào, màu chủ đạo ra sao, font chữ gì, trạng thái mặc định hoặc trạng thái khi được chọn trông thế nào. Đây là thứ giúp sản phẩm nhất quán và dễ mở rộng. Lợi ích thực tế của việc này là gì? Là sản phẩm bớt loạn. Khi đội ngũ lớn lên, nếu không có hệ thống rõ ràng, mỗi người làm một kiểu sẽ khiến giao diện thiếu thống nhất, sửa rất mệt và phát triển lâu dài rất khó.

Designer thời nay không thể chỉ biết “làm đẹp”. Dù cách nói có hơi cứng, ý chính không sai. Designer đang cần nhìn sản phẩm như một hệ thống vận hành, không chỉ là vài khung hình riêng lẻ.

• “Làm màn hình đẹp” - sang “Thiết kế luồng sử dụng hợp lý” - sang “Thiết kế sao cho nhóm sản phẩm có thể triển khai, mở rộng và duy trì” Để dễ hình dung, một người dùng mở app không quan tâm giao diện có đủ ấn tượng hay không.

Họ quan tâm là có tìm được thứ mình cần nhanh không, có hiểu bước tiếp theo là gì không, và có bị lỗi hay rối không. Vì vậy, tư duy hệ thống quan trọng hơn việc chỉ chăm chút từng pixel. Bài gốc cũng gợi ý một bộ kỹ năng mới cho designer.

• Biết tư duy hệ thống: hiểu mối liên hệ giữa các màn hình, trạng thái và luồng người dùng - Biết dùng AI để tăng tốc: biết đặt câu hỏi rõ để AI hỗ trợ tốt hơn - Biết ngôn ngữ của developer: hiểu component, token, responsive để trao đổi trơn tru hơn - Biết kiểm tra tính thực tế của thiết kế: không chỉ đẹp mà còn triển khai được - Biết làm việc theo vòng lặp nhanh: thử, sửa, kiểm tra, cập nhật liên tục “Responsive” ở đây nghĩa là giao diện tự co giãn và hiển thị phù hợp trên nhiều kích thước màn hình, như điện thoại, máy tính bảng hay laptop.

“Component” là các phần giao diện có thể tái sử dụng, ví dụ nút bấm, ô nhập, thẻ thông tin. Nếu nhìn rộng hơn, thay đổi của Figma phản ánh xu hướng chung của ngành thiết kế số. Công cụ thiết kế đang không đứng yên ở mức “vẽ giao diện”, mà tiến dần tới việc hỗ trợ cả quá trình làm sản phẩm. Điều này có thể gây áp lực cho một số designer, nhất là những người quen làm việc theo kiểu truyền thống. Nhưng ở chiều ngược lại, đây cũng là cơ hội. Người nào học sớm hơn, hiểu sớm hơn, sẽ có nhiều đất hơn để làm việc hiệu quả hơn và tạo ra ảnh hưởng lớn hơn trong nhóm sản phẩm. Điều quan trọng nhất không phải là biết hết mọi tính năng mới. Quan trọng hơn là hiểu hướng đi: thiết kế đang gần hơn với phát triển sản phẩm, và AI đang làm cho quá trình đó nhanh hơn. Nếu chỉ còn giữ thói quen cũ là mở Figma để vẽ đẹp, rồi chờ người khác biến nó thành sản phẩm, bạn sẽ dễ bị chậm nhịp.

Còn nếu biết dùng Figma như một nơi để suy nghĩ, thử nhanh, phối hợp tốt và kiểm tra tính khả thi, bạn sẽ làm việc hữu ích hơn rất nhiều. Tóm lại, bài viết này muốn nói rằng Figma đang không ngừng mở rộng vai trò. Nó không chỉ là công cụ thiết kế nữa, mà đang trở thành nơi kết nối ý tưởng, hệ thống và cách triển khai sản phẩm.

• Thiết kế không còn tách rời khỏi code - AI không còn là thứ “cho vui”, mà là công cụ hỗ trợ thật - Dev Mode không chỉ để xem thông số, mà để phối hợp tốt hơn - Variables và design system giúp sản phẩm nhất quán - Designer cần học thêm tư duy hệ thống và hiểu dev hơn

Insight giúp bạn nắm ý chính rất nhanh mà không phải đọc hết một bài dài, nhất là những bài nhiều thuật ngữ hoặc nói về công cụ, xu hướng mới. Thay vì mất 10–15 phút đọc toàn bộ, bạn chỉ cần vài phút là hiểu được nội dung quan trọng nhất, biết bài đó đang nói về điều gì và có đáng để đọc sâu hơn hay không. Với người bận rộn, đây là cách tiết kiệm thời gian rõ rệt. Bạn vẫn theo kịp tin công nghệ, thiết kế, AI hay sản phẩm số, nhưng không bị ngập trong chi tiết thừa, cách diễn đạt phức tạp hay những đoạn lặp ý. Insight cũng giúp lọc bớt “nhiễu” bằng cách chỉ giữ phần thực sự hữu ích: vấn đề gì đã thay đổi, nó ảnh hưởng thế nào, và bạn cần nhớ điều gì. Ngoài ra, các bản tóm tắt được viết lại bằng tiếng Việt tự nhiên, dễ hiểu cho cả người không chuyên công nghệ. Nhờ vậy, bạn có thể cập nhật xu hướng mới mà không cần nền tảng kỹ thuật sâu.

Đây là cách đọc thông minh hơn: nhanh, rõ, và đủ để ra quyết định xem có nên tìm hiểu thêm hay không.