Vibe Coding Discoverfigma-console-mcp
View on GitHubYour design system as an API. Connect AI to Figma for extraction, creation, and debugging.
An MCP server that gives AI clients read and write access to Figma, including design-token extraction and sync, component and layout creation, accessibility audits, and FigJam and Slides tools. Runs locally with a Figma Desktop bridge or remotely on Cloudflare Workers.
Use Cases
Extract Figma variables, components, and styles for AI assistantsCreate and edit Figma components, frames, and layouts through AISynchronize design tokens between Figma and codeAudit design systems for accessibility and consistencyScan codebases to extract design tokens and component inventoriesCreate and manage FigJam boards and Figma SlidesCapture screenshots and inspect Figma console logs for debugging
Built With
- Language
- TypeScript
- Frameworks
- Model Context Protocol SDK · Cloudflare Workers · Zod
Tags
Figma · design systems · design tokens · MCP server · design creation · accessibility audits · FigJam · Figma Slides · token sync · visual debugging