"Figma – Collaborative Design and Prototyping Tool" matching MCP servers:

Enables interaction with Figma designs through the Figma API, allowing users to export images in multiple formats, extract style data and CSS, analyze design elements, and retrieve SVG code from Figma files. Supports batch operations and comprehensive design element analysis including images, vectors, and components.

Provides Figma design context to AI agents, enabling code generation, design system integration, and canvas manipulation through MCP.

Enables interaction with Figma files through intelligent API access, providing navigation, asset extraction, and design token retrieval with 95% token-optimized compact tree output format.

Searches design platforms for UI references and extracts design tokens such as colors, typography, spacing, and shadows from live websites.

A tool discovery MCP server that integrates with Azure DevOps wikis and code-graph-rag to match natural language goals to tools, enabling tool composition and proxy testing.

Enhanced Figma MCP Server that exposes prototype flow data — screen lists, prototype connections, and full flow maps — via the Figma REST API. Designed as a replacement for the official Figma MCP server, adding prototype interaction layer so Claude Code can understand entire user flows from a single Figma URL.

Enables extraction of design context from Figma files as CSS-like properties and provides tools to render Figma nodes as images. It integrates with AI agents via the Model Context Protocol to facilitate design-to-code workflows by providing layout, style, and typography information.

Enables AI agents to read, inspect, and export Figma designs programmatically. Provides tools for listing components, styles, and exporting assets in various formats.

A bridge between Figma designs and React implementations that enables pixel-perfect conversion of Figma designs into React applications by processing Figma file data into React-friendly format.

A tool that integrates Figma with Cursor through the Model Context Protocol, allowing users to retrieve, optimize, and convert design data from Figma files into structured CSS and design tokens.

Enables agents to convert Figma frames into self-contained HTML and then iteratively verify the rendered code in Chromium against the design using pixel diffs and element bounding-box checks until it converges.

Enables Claude to create and edit Figma designs in real time through MCP tools, allowing natural language commands for generating slides, charts, and other elements.

Figma MCP with full API functionality

Model Context Protocol integration for the Figma API, enabling AI applications to access Figma files, components, and design tokens.

Enables AI coding agents to access Figma files and prototypes, allowing them to retrieve design data and assets directly.

基于MCP协议的工具，用于从Figma获取设计节点数据并转换为结构化DSL，辅助生成Vue 3 / React / HTML组件代码。

Enables AI coding agents to audit rendered web pages for design and UI defects by measuring geometry, styles, contrast and motion in a local browser and judging them against evidence-tiered rules. Findings come back as short, fixable items expressed in the project's own design tokens, while only sanitized numeric measurements leave the machine.

Connects Figma to Claude via MCP for auditing design systems, checking naming conventions, and analyzing component consistency using the public Figma API.

Token-efficient Figma MCP server with image export, query DSL, and design token support.

A Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.