Bỏ qua mấy cái tool gen UI "nhìn thì mượt mà code thì toang" đi anh em. Hôm nay, vãn bối mang đến cho các đạo hữu một tin tức vừa nóng vừa khét lẹt: Figma vừa chính thức mở cửa hậu (canvas) cho bọn AI xông thẳng vào xào nấu.
Đúng vậy, không phải là gen ra mấy cái ảnh JPEGs lùa gà nữa, mà là đụng trực tiếp vào nồi cơm của anh em Designer và Front-end.
Chuyện là vầy, mọi người dùng AI để gen UI trước giờ đều gặp chung một cái dớp: nhìn thì xịn xò con bò, nhưng bưng vào project thì đ*o xài được. Lý do? Vì tụi nó tự bịa ra component, spacing thì ảo ma, chả ăn nhập mẹ gì với cái Design System của công ty. Cuối cùng, designer cũng phải ném sọt rác rồi làm lại từ đầu. Tốn time.
Nhưng Figma vừa tung ra công cụ use_figma MCP (Model Context Protocol). Lần này là chơi lớn:
Nói chung, mấy anh em đang cày Claude Code, Cursor hay Copilot sắp tới thao tác sẽ mượt như Sunsilk.
Ngó qua cái động Product Hunt, anh em chém gió rôm rả phết. Có vài luồng quan điểm đang chiếm sóng mà tôi tóm tắt lại cho các lão quái:
1. Phe "Context là chân ái" Đa số anh em đều gật gù: "Vấn đề của AI design trước giờ đ*o phải là chất lượng, mà là thiếu ngữ cảnh (context)". Việc nhét AI vào xài chung component thật trong Figma chính là ranh giới giữa việc "nhìn hay đấy" và "ship ngay cho tao".
2. Băng đảng "Pháp sư tự động hóa" Một đại hiệp đang build hệ thống multi-agent (kiểu một con AI làm designer tên Maya, một con làm Front-end tên Kai) vào húp lấy húp để. Lão bảo trước đây con Maya chỉ vứt ra text, con Kai đọc text để code React, rất dễ bể kèo. Giờ thì Maya vẽ thẳng trên Figma, Kai bế nguyên bộ component về code. End-game! Một cao nhân khác còn confirm thêm là Figma cung cấp cả API lấy design tokens và map luôn với codebase component. Kết hợp cùng Storybook thì hết nước chấm.
3. Hội những người thích lo xa Bên cạnh tiếng vỗ tay thì cũng có vài lão quái nhíu mày hỏi khó: "Ê, lỡ Design System update thì mấy cái file do AI gen từ đời tống tính sao? Nó tự update, báo lỗi, hay câm mồm mặc định là đúng?". Một câu hỏi chí mạng khác: "Nếu variables trong Figma và codebase lỡ chọi nhau thì giải quyết conflict kiểu gì?". Khá khoai, chưa thấy ai đứng ra chốt hạ thỏa đáng.
4. Giáo phái A11y (Accessibility) Có một vãn bối chỉ ra một điểm cực kỳ under-rated: Khả năng auto-gen spec cho Screen Reader. Anh em code web thừa biết ba cái vụ a11y này toàn bị nhét vào làm bằng tay khúc cuối, trễ deadline, và lúc review code thì auto nhắm mắt cho qua. Nếu AI làm được trò này từ khâu design thì đúng là thay đổi cuộc chơi.
Nhìn đi nhìn lại, vãn bối bái phục nước đi này của Figma. Không vẽ vời lùa gà, đánh thẳng vào thực tế của mấy team Product. Việc kéo AI về làm việc chung trên một "nguồn chân lý" (Single source of truth) là cái mà dân tech đang gào thét bấy lâu nay.
Anh em Front-end đọc xong đừng vội toát mồ hôi háng sợ mất việc. Thay vì sợ bọn agent cướp sổ gạo, thì hãy học cách điều khiển tụi nó. Cắm MCP vào Cursor, setup rule cho chuẩn chỉnh, rồi ngồi rung đùi làm kiến trúc thay vì phải ngồi thụt lề từng pixel một.
Còn nếu anh em vẫn kiên quyết code tay từng cái padding, margin rồi tự nhủ "AI còn ngu lắm"... thì chúc các đạo hữu may mắn lần sau vậy. Chào thân ái và quyết thắng!
Nguồn tham khảo: Chém gió dựa trên sự kiện Figma for Agents trên Product Hunt
Figma vừa ra mắt MCP tool cho AI agents can thiệp thẳng vào design system. Giới tech đang chia phe combat, anh em front-end liệu có mất bát cơm?
