
tranhoaihung/figma-ui-mcp
Developer toolsЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
tranhoaihung/figma-ui-mcp — это кандидат на сервер MCP, импортированный из https://github.com/tranhoaihung/figma-ui-mcp.
Обзор
tranhoaihung/figma-ui-mcp — это кандидат на сервер MCP, импортированный из https://github.com/tranhoaihung/figma-ui-mcp.
Обзор (машинный перевод)
Код Клода в Figma · Антигравитация к Figma · Курсор на Figma · Любой MCP IDE в Figma
✅ Протестировано: Claude Code, Antigravity | 🔧 Совместимы: Cursor, VS Code, Windsurf, Zed (любой клиент MCP stdio)
Двунаправленный мост Figma MCP — позволять ассистентам искусственного интеллекта (Claude Code, Cursor, Windsurf, Antigravity, VS Code Copilot или любой IDE, совместимый с MCP) рисовать интерфейс непосредственно на Figma canvas и читать существующие дизайны как структурированные данные, скриншоты или токены, готовые к коду. Ключ API Figma не требуется — работает полностью через localhost.
Требуется Figma Desktop — плагин взаимодействует с MCP-сервером через
localhostHTTP-опрос. Веб-приложение Figma не поддерживает доступ к локальной сети, поэтому Figma Desktop необходим.
Как работает мост localhost
MCP-сервер запускает небольшой HTTP-сервер, привязанный к localhost:38451. Плагин Figma (работающий внутри Figma Desktop) использует длинное опросы — сервер держит запросы до 8 секунд до появления работы, сразу же промываясь при очереди новых операций (задержка почти в реальном времени
Код Клода (CLI)
Claude Desktop
Редактировать конфигурационный файл:
- macOS:
~/Library/Application Support/Claude/claude_desktop_config.json
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
README
Показан фрагмент оригинального README. Открыть оригинал.
figma-ui-mcp
Claude Code to Figma · Antigravity to Figma · Cursor to Figma · Any MCP IDE to Figma
✅ Tested: Claude Code, Antigravity | 🔧 Compatible: Cursor, VS Code, Windsurf, Zed (any MCP stdio client)
Bidirectional Figma MCP bridge — let AI assistants (Claude Code, Cursor, Windsurf, Antigravity, VS Code Copilot, or any MCP-compatible IDE) draw UI directly on Figma canvas and read existing designs back as structured data, screenshots, or code-ready tokens. No Figma API key needed — works entirely over localhost.
Requires Figma Desktop — the plugin communicates with the MCP server over
localhostHTTP polling. Figma’s web app does not allow localhost network access, so Figma Desktop is required.
Claude ──figma_write──▶ MCP Server ──HTTP (localhost:38451)──▶ Figma Plugin ──▶ Figma Document
Claude ◀─figma_read──── MCP Server ◀──HTTP (localhost:38451)── Figma Plugin ◀── Figma Document
How the localhost bridge works
The MCP server starts a small HTTP server bound to localhost:38451. The Figma plugin (running inside Figma Desktop) uses long polling — the server holds requests up to 8s until work arrives, flushing immediately when new ops are queued (near-realtime latency <100ms). All traffic stays on your machine — nothing is sent to any external server.
Multi-instance support (v2.3.0+): Multiple Figma files/tabs can connect simultaneously. Each plugin instance sends a sessionId, and the bridge routes operations to the correct session. Use the optional sessionId param in figma_write/figma_read to target a specific file.
Features
| Direction | Tool | What it does |
|---|---|---|
| Write | figma_write |
Draw frames, shapes, text, prototypes via JS code |
| Read | figma_read |
Extract node trees, colors, typography, screenshots |
Установка
npx -y figma-ui-mcpКонфигурация
{
"mcpServers": {
"figma": {
"command": "npx",
"args": ["-y", "figma-ui-mcp"]
}
}
}