grab/cursor-talk-to-figma-mcp

🤖 Giao tiếp trực tiếp từ AI Agent sang Figma — mọi thứ chỉ là lệnh

TalkToFigma MCP biến Cursor thành một công cụ thiết kế Figma thông minh, cho phép AI agent đọc, sửa và tạo thiết kế Figma hoàn toàn bằng lệnh.

TalkToFigma MCP là một dự án nguồn mở do Grab phát triển, cung cấp cách kết nối giữa AI agent như Cursor, Claude Code, Codex với Figma thông qua Model Context Protocol (MCP). Nhờ WebSocket và plugin Figma, bạn có thể ra lệnh cho AI agent thực hiện các thao tác như thay đổi text, tạo hình, điều chỉnh layout, hoặc đồng bộ override component — mà không cần can thiệp thủ công trên Figma.

✨ Điểm nổi bật

• Kết nối MCP giữa Cursor và Figma: Dùng bun setup để cài đặt nhanh lên dự án Cursor hiện tại.
• Giao tiếp qua WebSocket: Server WebSocket trung gian giúp MCP server giao tiếp với plugin Figma.
• Hàng chục công cụ thiết kế: Từ get_document_info, create_rectangle, set_text_content đến set_fill_color, create_connections.
• Thay thế text hàng loạt: Hỗ trợ cập nhật nội dung text nhiều node cùng lúc.
• Đồng bộ override component: Lan truyền override từ instance nguồn sang nhiều target chỉ bằng một lệnh.
• Tự động hoá layout: Cài đặt auto-layout, padding, spacing, alignment qua lệnh.
• Hỗ trợ WSL trên Windows: Chỉ cần bật hostname 0.0.0.0 để kết nối từ WSL.
• Cài đặt plugin cục bộ hoặc từ Figma Community: Linh hoạt theo nhu cầu phát triển.

💡 Vì sao đáng chú ý

Không chỉ là một plugin Figma, dự án này tạo ra một kênh giao tiếp hai chiều giữa AI agent và Figma — nơi bạn có thể mô tả ý định bằng ngôn ngữ tự nhiên và AI sẽ tự động thực hiện trên file thiết kế. Điều này mở cửa cho việc AI hóa toàn bộ quy trình thiết kế giao diện, từ việc tạo bản phác thảo đến chỉnh sửa chi tiết. Đặc biệt hữu ích cho các nhóm phát triển muốn tích hợp AI vào quy trình design system hoặc tự động hóa công việc lặp đi lặp trong Figma.

#AI #MCP #Figma #Cursor #AgenticAI #TiniX