MCP, Giao thức bối cảnh mô hình, là một tiêu chuẩn mở cho phép các tác nhân AI kết nối với các nguồn dữ liệu và công cụ. Đối với các nhà thiết kế, điều đó có nghĩa là công cụ mã hóa AI có thể đọc trực tiếp tệp thiết kế thay vì đoán từ ảnh chụp màn hình và trong một số trường hợp, tự tạo hoặc thay đổi thiết kế.
Figma có máy chủ MCP cung cấp bối cảnh thiết kế tác nhân AI, chẳng hạn như các biến, thành phần và bố cục, để chúng có thể tạo mã từ các khung đã chọn. Nó cũng có thể ghi lại nội dung Figma gốc vào khung vẽ; Figma mô tả tính năng đó là miễn phí trong giai đoạn thử nghiệm và dự kiến sẽ dựa trên mức độ sử dụng. Theo trung tâm trợ giúp của Figma, máy chủ MCP có sẵn trên các gói Starter, Professional, Education, Organisation, Government và Enterprise.
Penpot có máy chủ MCP miễn phí và mở. Penpot mô tả nó hoạt động với mọi máy khách và mô hình MCP, bao gồm Claude, Cursor, Visual Studio Code và OpenAI Codex, đồng thời các nhóm có thể triển khai nó trên máy chủ của riêng họ để giữ kín dữ liệu thiết kế.
ExodeUI do chúng tôi tạo ra có máy chủ MCP cho hoạt ảnh và giao diện người dùng tương tác. Claude Code, Cursor và các công cụ mã hóa AI khác có thể tạo và chỉnh sửa hoạt ảnh, bao gồm trạng thái, vật lý lò xo, đầu vào và sự kiện, từ lời nhắc bằng ngôn ngữ đơn giản. Kết quả là một tệp .exode mở mà các gói thời gian chạy phát trong React, Vue, Svelte, Angular, Solid, React Native, SwiftUI và Flutter.
Các công cụ khác đang bổ sung hỗ trợ MCP một cách nhanh chóng, vì vậy hãy kiểm tra tài liệu của từng nhà cung cấp trước khi chọn. Ví dụ: Icons8 cung cấp máy chủ MCP cho thư viện biểu tượng và hình minh họa, rất hữu ích cùng với ứng dụng thiết kế Lunacy nhưng không chỉnh sửa các tệp Lunacy.