MCP servers and agent tools for reading, auditing, editing, and translating Figma files into frontend implementation context.
Use this collection when Figma is the source of truth and the agent needs structured design context before changing UI code.
Extract any website's complete design system with one command.
Connects Figma design context to coding agents and frontend implementation workflows.
Generate design system documentation for UI components directly from your AI agent, rendering into Figma or portable .md files.
Connects Figma design context to coding agents and frontend implementation workflows.
Bidirectional MCP bridge that lets AI draw UI directly on Figma canvas and read designs back as structured data.
Connects Figma design context to coding agents and frontend implementation workflows.
A Claude skill to inspect and build Figma design systems with WCAG checks, component scoring, and optional code sync.
Connects Figma design context to coding agents and frontend implementation workflows.
An MCP server that lets AI tools read, analyze, and modify Figma designs directly.
Connects Figma design context to coding agents and frontend implementation workflows.
Local Figma MCP server with no rate limits, no quotas, and a verification loop for AI coding agents.
Connects Figma design context to coding agents and frontend implementation workflows.
An MCP server that bridges Figma designs with AI development workflows, providing tools for extracting pixel-perfect code and assets.
Connects Figma design context to coding agents and frontend implementation workflows.
Convert screenshots or design mockups into functional frontend code. Supports HTML/Tailwind, React, Vue, and more.
Connects Figma design context to coding agents and frontend implementation workflows.
