MCP dành cho nhà thiết kế: Kết nối Figma, mã thông báo và mã với Claude và Cursor

MCP là gì, nói một cách dễ hiểu

Tài liệu chính thức của MCP mô tả nó như một tiêu chuẩn nguồn mở để kết nối các ứng dụng AI với các hệ thống bên ngoài, chẳng hạn như tệp, cơ sở dữ liệu và công cụ. Một trong những ví dụ của riêng nó là Claude Code tạo toàn bộ ứng dụng web từ thiết kế Figma. Đối với một nhà thiết kế, phần quan trọng là: AI không còn phải đoán thiết kế của bạn trông như thế nào nữa. Nó có thể hỏi trực tiếp công cụ thiết kế.

Công cụ thiết kế với máy chủ MCP hiện nay

Tính đến tháng 10 năm 2026:

• Figma: máy chủ MCP cung cấp bối cảnh thiết kế của tác nhân (biến, thành phần, bố cục) để tạo mã và có thể ghi lại nội dung gốc vào khung vẽ. Figma liệt kê nó trên gói Starter và gói trả phí; tính năng viết canvas là miễn phí trong thời gian thử nghiệm.
• Penpot: máy chủ MCP mở, miễn phí, hoạt động với mọi máy khách MCP, bao gồm Claude, Cursor, VS Code và OpenAI Codex và có thể tự lưu trữ.
• ExodeUI (chúng tôi tạo ra): máy chủ MCP cho phép các công cụ mã hóa AI tạo và chỉnh sửa hoạt ảnh tương tác với các trạng thái và vật lý lò xo.
• Thiết kế mã thông báo: nếu mã thông báo của bạn tồn tại trong kho lưu trữ dưới dạng JSON, thì công cụ mã hóa AI có thể đọc chúng dưới dạng tệp; một máy chủ chuyên dụng chỉ cần thiết cho các mã thông báo được lưu trữ bên trong một công cụ.

Cách các nhà thiết kế thực sự sử dụng nó

Quy trình công việc phổ biến nhất là thực tế hơn là huyền diệu. Các nhà phát triển chọn một khung và yêu cầu AI triển khai nó với thư viện thành phần hiện có. Các nhà thiết kế yêu cầu AI kiểm tra xem màn hình được mã hóa có khớp với thiết kế hay không và liệt kê những điểm khác biệt. Các nhóm yêu cầu AI cập nhật mã thông báo của một thành phần trên cơ sở mã. Và ngày càng nhiều các nhà thiết kế sử dụng AI để phác thảo các biến thể trực tiếp trên khung vẽ, sau đó tinh chỉnh chúng bằng tay.

Kết nối máy chủ

Claude Code thêm các máy chủ bằng lệnh claude mcp add hoặc thông qua tệp .mcp.json trong dự án và hỗ trợ các máy chủ HTTP từ xa cũng như các máy chủ cục bộ. Cursor quản lý các máy chủ MCP trong cài đặt của nó và hỗ trợ các máy chủ cục bộ (stdio) và từ xa. Máy chủ từ xa thường yêu cầu bạn đăng nhập một lần bằng OAuth. Mỗi nhà cung cấp ghi lại lệnh hoặc URL chính xác cho máy chủ của mình.

Cần chú ý điều gì

MCP cung cấp cho các công cụ AI quyền truy cập thực sự, vì vậy hãy coi nó như bất kỳ sự tích hợp nào:

• Quyền: một tác nhân có thể ghi vào khung vẽ hoặc kho lưu trữ cũng có thể mắc lỗi. Sử dụng lịch sử phiên bản và xem xét các thay đổi.
• Quyền riêng tư: kiểm tra xem dữ liệu thiết kế sẽ đi đâu và liệu kế hoạch của bạn có cho phép điều đó hay không.
• Chi phí: một số tính năng viết được cung cấp miễn phí trong phiên bản beta và được lên kế hoạch dựa trên mức độ sử dụng.
• Chất lượng: Đầu ra AI chỉ tuân theo hệ thống thiết kế của bạn nếu hệ thống đó có cấu trúc tốt, với các thành phần và mã thông báo được đặt tên.