Why this server?
Enables AI agents to interact with Figma for design creation, management, and code synchronization.
FlicenseAqualityDmaintenanceEnables AI agents to interact with Figma to create, read, and manage designs using the Figma REST API and a dedicated plugin. It supports advanced features like UI generation from text, webpage reconstruction in Figma, and design token synchronization with codebases.Last updated20Why this server?
Full Figma API functionality for design interaction.
Alicense-qualityDmaintenanceFigma MCP with full API functionalityLast updated33473MITWhy this server?
Exports images, extracts styles/CSS, analyzes design elements, and retrieves SVG from Figma files.
AlicenseBqualityDmaintenanceEnables 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.Last updated7811MITWhy this server?
Interacts with Figma designs, converts to code, extracts variables, and captures screenshots.
Flicense-qualityDmaintenanceEnables Claude to interact with Figma designs, convert designs to code, extract variables, get screenshots, and more.Last updated1Why this server?
Reads Figma files and maps responsive relationships for frontend code generation.
Flicense-qualityDmaintenanceEnables AI assistants to read Figma design files and automatically map responsive relationships between mobile and desktop screens to generate accurate frontend code. Eliminates manual copy-pasting by providing direct access to design tokens, dimensions, and screen layouts within AI-powered IDEs.Last updatedWhy this server?
Bridges Cursor AI to Figma for chat-driven design creation and editing with 45+ tools.
Alicense-qualityDmaintenanceBridges Cursor AI to Figma for chat-driven design creation and editing directly on the Figma canvas. It provides over 45 tools to manage layers, layouts, components, and variables through natural language commands.Last updated4773MITWhy this server?
Extracts design tokens, generates code in multiple frameworks, and captures screenshots from Figma.
Alicense-qualityDmaintenanceEnables seamless integration with Figma API for extracting design tokens, generating production-ready code in multiple frameworks, capturing screenshots, and managing design assets directly from Figma.Last updated5MITWhy this server?
Extracts design context as CSS properties and renders Figma nodes as images for design-to-code workflows.
FlicenseBqualityDmaintenanceEnables 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.Last updated2Why this server?
Provides 50+ tools for creating, styling, and manipulating Figma design elements and variables.
Alicense-quality-maintenanceEnables AI agents like Claude to interact with Figma designs through 50+ tools for creating, styling, and manipulating design elements, components, and variables via a WebSocket relay and Figma plugin.Last updated