NateCuefigma-mcp-go: Kết nối AI với Figma không giới hạn, miễn phí hoàn toàn
figma-mcp-go là MCP server mã nguồn mở viết bằng Go, cho phép AI (Claude, Cursor, GitHub Copilot…) đọc và ghi trực tiếp vào Figma thông qua một Figma plugin - hoàn toàn không dùng Figma REST API. Kết quả: không rate limit, không cần trả phí, 73 tools đầy đủ để tự động hóa design workflow từ đầu đến cuối.
Nếu bạn đã từng thử dùng AI với Figma và bị chặn ngay sau vài tool call, bạn đã gặp đúng vấn đề mà figma-mcp-go sinh ra để giải quyết. Đây không phải một wrapper bình thường - đây là cách tiếp cận kiến trúc hoàn toàn khác so với tất cả các Figma MCP server hiện có.
figma-mcp-go là gì?
figma-mcp-go là một MCP (Model Context Protocol) server mã nguồn mở, được xây dựng bởi developer vkhanhqui vào tháng 3/2026. Thay vì gọi Figma REST API như các server khác, nó sử dụng một Figma Plugin làm cầu nối - giao tiếp trực tiếp với file Figma đang mở trên máy bạn.
Kết quả thực tế:
- Không cần Figma API token
- Không có rate limit - plan miễn phí hoàn toàn khả dụng
- Quyền đọc và ghi dữ liệu Figma theo thời gian thực
- 73 tools bao phủ toàn bộ vòng đời thiết kế
Tính đến tháng 4/2026, repo đã đạt 581 GitHub stars và được đưa vào MCP Registry chính thức.
Tại sao cần figma-mcp-go? Vấn đề với Figma REST API
Hầu hết Figma MCP server trên thị trường đều dựa vào Figma REST API. Nghe có vẻ ổn - cho đến khi bạn đọc bảng giới hạn:
| Plan | Rate limit |
|---|---|
| Starter / View / Collab (miễn phí) | 6 tool calls/tháng |
| Pro / Org (Dev seat) | 200 calls/ngày |
| Enterprise | 600 calls/ngày |
6 calls/tháng. Một session thử nghiệm AI với Figma là đủ để hết sạch quota cả tháng.
Đây là bài toán thực tế mà tác giả gặp phải: không đủ tiền nâng cấp plan, nên quyết định bỏ API hoàn toàn và tìm cách kết nối AI với Figma theo cơ chế hoàn toàn khác.
figma-mcp-go hoạt động như thế nào?
Thay vì gọi REST API của Figma (vốn bị rate limit), figma-mcp-go sử dụng kiến trúc plugin bridge:
AI Tool (Claude / Cursor)
↓ stdio
MCP Server (figma-mcp-go)
↓ local bridge
Figma Plugin (chạy trong Figma Desktop)
↓ Plugin API
File Figma đang mởFigma Plugin chạy bên trong Figma Desktop và có quyền truy cập vào Plugin API - một API nội bộ không bị giới hạn như REST API. MCP server đóng vai trò điều phối: nhận lệnh từ AI tool qua stdio, chuyển sang Figma Plugin qua local bridge, và trả kết quả về.
Đây là điểm khác biệt cốt lõi: tất cả xử lý diễn ra local trên máy bạn, không qua server của Figma, nên không có quota nào bị tính.
73 Tools - Làm được gì với figma-mcp-go?
Bộ tools được chia thành các nhóm rõ ràng:
Write - Tạo mới
Tạo frame, rectangle, ellipse, text node, import ảnh từ base64, tạo component từ frame, tạo section để tổ chức canvas. Đây là nền tảng để AI “vẽ” từ đầu.
Write - Chỉnh sửa
Cập nhật text, fill color, stroke, opacity, corner radius, auto-layout, visibility, blend mode, constraints, vị trí, kích thước, z-order… Có cả batch_rename_nodes và find_replace_text với regex support để chỉnh hàng loạt node cùng lúc.
Write - Prototype
Thiết lập và quản lý prototype reactions (trigger + action) trực tiếp từ AI - không cần kéo thả trong Figma UI.
Write - Styles & Variables
Tạo và quản lý paint style, text style, effect style, grid style. Tạo variable collection, thêm mode (Light/Dark), tạo variable (COLOR/FLOAT/STRING/BOOLEAN), bind variable vào node property. Đây là phần mạnh nhất so với các MCP server khác - AI có thể quản lý toàn bộ design token hệ thống.
Read - Đọc dữ liệu
Lấy document tree, metadata, selection hiện tại, scan text node, tìm kiếm node theo tên/type, đọc styles và variables. Công cụ get_design_context đặc biệt hữu ích với 3 mức detail (minimal/compact/full) để AI không bị overwhelm bởi quá nhiều data.
Export
Screenshot node thành base64, save ảnh ra disk, export frames sang PDF, export design tokens thành JSON hoặc CSS.
MCP Prompts có sẵn
figma-mcp-go đi kèm sẵn các prompt template thực chiến:
read_design_strategy- best practices đọc design Figmadesign_strategy- best practices tạo và chỉnh sửa designtext_replacement_strategy- xử lý thay text hàng loạt theo chunksannotation_conversion_strategy- convert manual annotations sang native Figma annotations
Text to Design và Design to Code
Hai use case thực tế nổi bật nhất:
Text to Design: Mô tả bằng ngôn ngữ tự nhiên, AI tự động tạo frame, component, layout với đúng style và spacing. Ví dụ: “Tạo một card component với avatar, tên, chức vụ và nút Follow, dùng design token màu blue từ collection hiện tại” - AI hiểu và thực thi.
Design to Code: AI đọc design context từ Figma, phân tích cấu trúc node, styles và variables, rồi generate code React/CSS/Tailwind tương ứng. Không còn bước “dịch” thủ công từ design spec sang implementation.
Cài đặt và setup
Cài đặt không cần build step - dùng npx trực tiếp.
Claude Code CLI:
claude mcp add -s project figma-mcp-go -- npx -y @vkhanhqui/figma-mcp-go@latestFile .mcp.json (Claude Desktop và các tool khác):
{
"mcpServers": {
"figma-mcp-go": {
"command": "npx",
"args": ["-y", "@vkhanhqui/figma-mcp-go"]
}
}
}Figma Plugin: Tải plugin.zip từ trang Releases của repo, import vào Figma Desktop qua Plugins → Development → Import plugin from manifest, chọn file manifest.json. Chạy plugin trong bất kỳ file Figma nào trước khi bắt đầu làm việc với AI.
figma-mcp-go phù hợp với ai?
Phù hợp:
- Designer dùng plan miễn phí muốn thử AI-powered design workflow mà không bị rate limit chặn
- Developer frontend muốn AI đọc Figma và tự generate code
- Marketer/Creator build tool nhỏ, landing page, cần tốc độ từ ý tưởng ra prototype
- Bất kỳ ai đang dùng Claude Code, Cursor, hay GitHub Copilot và muốn kết nối với Figma
Cần lưu ý:
- Yêu cầu Figma Desktop (không hỗ trợ Figma Web) vì cần chạy plugin
- Plugin phải đang active trong file Figma bạn muốn làm việc
- Là project cộng đồng - không có SLA hay support chính thức từ Figma
Câu hỏi thường gặp (FAQ)
figma-mcp-go có cần Figma API token không?
Không. Đây là điểm khác biệt lớn nhất. figma-mcp-go hoạt động hoàn toàn qua Figma Plugin API - không qua REST API và không cần token. Bạn chỉ cần cài plugin và chạy nó trong file Figma.
Có thể dùng với Figma plan miễn phí không?
Có, và đây chính là lý do tool này được xây dựng. Giới hạn 6 calls/tháng của Figma REST API chỉ áp dụng cho REST API - figma-mcp-go bypass hoàn toàn giới hạn đó bằng cách dùng Plugin API nội bộ.
figma-mcp-go có hoạt động với Figma trên trình duyệt không?
Không. Figma Plugin API chỉ available trong Figma Desktop app. Bạn cần cài và chạy Figma Desktop, sau đó import plugin và giữ nó active trong file đang làm việc.
73 tools có đủ cho design workflow thực tế không?
Đủ cho phần lớn workflow thực tế: tạo component, quản lý styles/variables, prototype, export. Phần chưa hỗ trợ là các tính năng nâng cao như plugin interaction phức tạp hoặc community file access. Danh sách tools đang được bổ sung qua các bản cập nhật.
MCP là gì? Cần biết gì trước khi dùng figma-mcp-go?
MCP (Model Context Protocol) là chuẩn mở cho phép AI kết nối với tools bên ngoài. Để dùng figma-mcp-go, bạn chỉ cần: cài Claude Code/Cursor/Copilot, thêm config MCP server, cài Figma plugin. Không cần hiểu sâu kỹ thuật MCP - chỉ cần làm theo hướng dẫn setup là đủ.
Tổng kết
figma-mcp-go giải quyết một pain point thực sự của cộng đồng: rate limit của Figma REST API khiến AI workflow trở nên không khả thi cho người dùng miễn phí. Bằng cách dùng plugin bridge thay vì REST API, tool này mở ra khả năng AI-driven design hoàn toàn miễn phí - 73 tools đọc/ghi đầy đủ, text to design, design to code, quản lý variables/styles theo programmatic. Nếu bạn đang dùng Claude Code hay Cursor và làm việc với Figma thường xuyên, đây là MCP server đáng thêm vào workflow ngay.