Best Figma MCP Servers
Figma is a collaborative design platform for creating, testing, and shipping better designs from start to finish.
Why this server?
Translates HTML into Figma designs using published components and design tokens, builds UI from descriptions directly in Figma files, and intelligently manages Figma API read limits through caching and learning patterns.
AlicenseAqualityBmaintenanceTransforms HTML into Figma designs using only the user’s design system, ensuring correct component usage or safe fallback to primitives, while continuously learning from each build to improve mapping accuracy and consistency.Last updated445882MITWhy this server?
Provides tools to look up what SDKs and dependencies Figma uses, enabling detailed analysis of its technology stack and dependencies.
AlicenseAqualityCmaintenanceTechnographics for desktop apps (like builtwith.com)Last updated44472MITWhy this server?
Provides tools for interacting with Figma's API to list projects and files, fetch file JSON data and nodes, and generate React+Vite frontend code from Figma frames.
AlicenseBqualityCmaintenanceEnables interaction with Figma files through tools that list projects/files, fetch design data, and generate React+Vite frontend code directly from Figma frames.Last updated41,349MITWhy this server?
Provides tools for building and editing Figma designs, including JSX tree creation, variables/tokens, components, cross-page navigation, and visual verification.
AlicenseAqualityCmaintenanceWrite-side MCP server for Figma — build, edit, and search Figma designs from Claude Code, Cursor, Cline, or any MCP client. Complements Figma's official read-only MCP with 41 tools for tree creation, variables, components, and visual verification.Last updated41MITWhy this server?
Provides tools to look up Figma node IDs and URLs for Aurum components and icons.
Why this server?
Enables task management for Figma design work, tracking design tasks and subtasks within a structured workflow.
AlicenseAqualityCmaintenanceA task management server that helps AI assistants break down user requests into manageable tasks and track their completion with user approval steps.Last updated2411329MITWhy this server?
Provides tools for accessing Figma files through the REST API, including navigation of pages and frames, extraction of design tokens and assets (SVGs, images), screenshot generation, and component search with intelligent context management and compact tree output format.
FlicenseAqualityCmaintenanceEnables interaction with Figma files through intelligent API access, providing navigation, asset extraction, and design token retrieval with 95% token-optimized compact tree output format.Last updated22151Why this server?
Integrates with Figma to extract SVG designs and convert them directly to Android VectorDrawable XML resources for use in Android projects.
AlicenseAqualityCmaintenanceA growing collection of MCP tools for Android Development. Currently features a deterministic Figma-SVG-to-Android-XML converter, with plans for Gradle analysis, Resource management, and ADB integration tools.Last updated72515MITWhy this server?
Extracts brand identity from Figma design files with higher accuracy through a two-phase process (plan then ingest) to compile structured design tokens and policies.
AlicenseAqualityCmaintenanceMake your brand machine-readable. Extract identity from any website or PDF, compile into DTCG tokens and runtime contracts, govern brand compliance. 36 tools across 4 sessions.Last updated431322MIT