grab/cursor-talk-to-figma-mcp
PublicTalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.
Bee AI phân tích repositoryBETA
AI đọc README và cây file để tóm tắt, gợi ý cách dùng và đánh giá repository. Mọi con số lấy từ kho Bee, không do AI ước lượng.
Cập nhật lần cuối: 06/10/2026
Tóm tắt bởi Bee AI
Bộ tích hợp Model Context Protocol (MCP) và plugin Figma cho phép các AI agent như Cursor và Claude Code đọc dữ liệu thiết kế và lập trình chỉnh sửa canvas Figma qua WebSocket.
- Cung cấp kết nối MCP hai chiều giữa Cursor/Claude Code và Figma thông qua máy chủ trung gian WebSocket.
- Hỗ trợ nhiều công cụ MCP để tạo node, tinh chỉnh auto-layout, đổi màu sắc, quản lý styles và trích xuất thông tin.
- Hỗ trợ thay thế hàng loạt nội dung văn bản (bulk text) và sao chép ghi đè thuộc tính component (instance overrides).
- Tích hợp sẵn các prompt MCP hướng dẫn chiến lược đọc thiết kế, xử lý text và chuyển đổi reaction thành connector.
Lưu ý
- Tính năng xuất ảnh (export_node_as_image) có hỗ trợ hạn chế và hiện trả về chuỗi base64 dạng văn bản.
- Người dùng Windows / WSL cần bỏ chú thích địa chỉ hostname 0.0.0.0 trong file src/socket.ts trước khi chạy socket server.
- Cần cài đặt và chạy đồng thời cả WebSocket server, MCP server và plugin trong Figma rồi tham gia channel để hoạt động.
Điểm BeeTính thuần từ số liệu trong kho Bee, không phải AI chấm: bách phân vị sao 30% · độ tươi lần push 25% · fork và watcher 15% · README, giấy phép, mô tả 20% · có bản phát hành 10%.
- Độ phổ biến82
- Độ tươi40
- Cộng đồng38
- Tài liệu100
- Phát hành20
- Mức độ khóTrung bình
- Phù hợp vớiLập trình viên
- Loại dự ánCông cụ
- Giấy phépMIT
Kiến trúc & Công nghệ
Công nghệ AI nhận ra từ README và cây file — chỉ những mục nằm trong danh sách Bee kiểm.
Tech stack
TypeScript
JavaScript
MCP
WebSocket
Docker
Kiến trúc tổng quan
Repository → công nghệ chính → các thư mục cấp 1 có thật trong repo; vai trò do AI mô tả.
src/Chứa mã nguồn MCP server (TypeScript), WebSocket server và plugin Figma.scripts/Chứa các kịch bản tiện ích hỗ trợ dự án.dist/Thư mục chứa mã nguồn sau khi build.
Hướng dẫn nhanh
Các bước để bắt đầu với repository này.
git clone https://github.com/grab/cursor-talk-to-figma-mcp.git
cd cursor-talk-to-figma-mcpCác use case chính
Những ứng dụng có thể xây dựng từ repository này.
- Tự động hóa việc quét và thay thế hàng loạt nội dung văn bản trên các màn hình thiết kế Figma.
- Cho phép AI agent trong Cursor trực tiếp đọc cấu trúc component, layout và style từ Figma để viết code giao diện.
- Tạo mới và tinh chỉnh các thành phần giao diện (frames, shapes, text, auto-layout) thông qua câu lệnh AI.
- Đồng bộ hóa các thuộc tính ghi đè (instance overrides) từ một component mẫu sang nhiều target instances khác.
Repository tương tự
Cùng chủ đề trong kho Bee.
- 1
morluto/reaReverse engineer anything with agents, from app behavior down to native binaries.418.5k+34.2k
- 2
openclaw/openclawThe AI that really does things. Any OS. Any Platform. The lobster way. 🦞393.6k+590
- 3
donnemartin/system-design-primerLearn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.376.4k+865
- 4
obra/superpowersAn agentic skills framework & software development methodology that works.310.6k+5.6k
- 5
affaan-m/ECCThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.294.8k+5.9k
Nội dung do AI sinh, có thể sai hoặc thiếu — số liệu lấy từ kho Bee, không do AI ước lượng. Cập nhật lần cuối: 06/10/2026.