Vibe Coding Discoverfigma-mcp-bridge
View on GitHubFigma Plugin & MCP server to bypass API limits
MCP server plus Figma plugin that streams live Figma document data over WebSocket, bypassing Figma API rate limits. Exposes ~40 read and write tools so agents like Cursor or Claude Desktop can inspect designs and make gated edits.
Use Cases
Give AI coding agents live Figma document access without API rate limitsDesign-to-code workflows in Cursor, Windsurf, or Claude DesktopRead Figma node trees, styles, and variables as design tokensExport Figma nodes as PNG/SVG/JPG/PDF screenshotsAgent-driven Figma edits: create frames, text, shapes, auto-layoutWork across multiple Figma files via fileKey routingBulk import HTML layer trees into FigmaApply and remove animation/motion styles on nodes
Built With
- Language
- TypeScript
- Frameworks
- Model Context Protocol · React · Vite · Bun · Node.js · WebSocket
Tags
mcp · mcp-server · figma · design-to-code · figma-plugin · websocket · design-tokens · cursor · claude-desktop · ui-generation · read-write-tools · screenshots · typescript