Figma vừa công bố công cụ Dev Mode Model Context Protocol (MCP) server, mở cánh cửa cho AI và các công cụ mã hoá tự động truy cập trực tiếp vào dữ liệu thiết kế gốc. Tính năng này hiện có mặt dưới dạng beta cho người dùng Dev hoặc Full seat trên Figma.
Figma đẩy mạnh tích hợp AI với MCP Server
Figma đã ra mắt Dev Mode MCP Server, một công cụ giúp các mô hình ngôn ngữ lớn (LLM) và công cụ viết mã tự động như Copilot trong VS Code và Claude Code hiểu được dữ liệu chi tiết từ thiết kế Figma. Điều này giúp AI chuyển đổi thiết kế thành ứng dụng chính xác và nhanh hơn, hạn chế việc phải "đoán" thông tin qua file hình ảnh.
Cơ chế hoạt động của Dev Mode MCP Server
- Cho phép AI truy cập số liệu chính xác dùng trong bản vẽ thiết kế
- Lấy được mã màu, số liệu biểu đồ và các thông số chuyên sâu của thiết kế
- Giảm thời gian và số lượng bước từ thiết kế tới mã ứng dụng hoàn chỉnh
Tích hợp với các công cụ lập trình phổ biến
- Hoạt động cùng Copilot trong VS Code và Claude Code
- Cải thiện trải nghiệm xây dựng phần mềm từ giao diện thiết kế trên Figma
- Kết hợp Dev Mode giúp developer và AI phối hợp hiệu quả hơn
Các cập nhật và tính năng liên quan trên Figma
Bản beta, tính năng Make và Sites Code Layers
Dev Mode MCP Server hiện đang ra mắt ở bản beta cho người dùng Dev và Full seat trên Figma. Figma cũng xác nhận sẽ tung ra nhiều cập nhật mới cho server này trong thời gian tới, như tích hợp codebase sâu hơn và hỗ trợ server từ xa.
Song song đó, nền tảng Figma Make (cho phép chuyển miêu tả thành mã code hoàn chỉnh cho ứng dụng) đã mở bản đầy đủ cho người dùng Full seat. Tính năng Sites Code Layers – công cụ AI biến thiết kế thành website tương tác – sẽ bắt đầu triển khai từ ngày 12/6.
Với Dev Mode MCP Server, Figma giúp AI truy cập dữ liệu thiết kế gốc một cách chuẩn xác, thúc đẩy việc tự động hóa chuyển đổi từ giao diện sang mã hóa ứng dụng. Nhiều cập nhật mới cho công cụ này sẽ được Figma giới thiệu trong thời gian tới.