Figma MCP servers

Gives AI coding agents Figma design context so they can generate code, extract variables and components, and write to the canvas.

Provides AI coding agents with access to Figma design metadata to enable accurate one-shot UI implementation.

Extracts design systems from any URL into tokens for Tailwind, Figma, and AI editors, while scoring UI consistency and brand alignment.

Connects AI clients to Figma to extract design tokens, create components and frames, sync variables, and audit accessibility and design-code parity.

Enables AI clients to read and write live Figma data through a plugin bridge without requiring a REST API token or facing rate limits.

Lets an AI client read and edit live Figma document data through a plugin bridge without hitting Figma API rate limits.

Enables AI agents to generate professional design assets like landing pages, decks, and social posts using a library of design systems and templates.

Enables AI agents to bidirectional communicate with Figma by converting designs into framework-aware code and authoring canvas elements directly.

Enables AI assistants to draw UI components directly on the Figma canvas and read design data back as structured tokens or screenshots.

Converts websites, PDFs, and Figma libraries into a portable brand runtime that AI agents use to generate on-brand content and design tokens.

Connect AI assistants to Figma to programmatically read, create, and modify designs and manage design systems.

Lets an AI client call every Figma REST API endpoint to read files, variables, components, comments, teams, and webhooks.

Lets AI coding tools look up design tokens, components, and templates, then validate generated UI code against your brand rules locally.

Enables AI clients to read and edit Figma designs live through a local plugin bridge without requiring a REST API token.

Transforms Figma design data into a compact, LLM-friendly format to facilitate accurate UI code generation and component building.

Transforms Figma design data into a compact, LLM-friendly format to enable accurate UI code generation and component building.

Synthesizes interview transcripts into cited, critic-checked insights with verifiable receipts and FigJam board layouts.

Lets an AI client read, create, and modify Figma designs through an MCP server and Figma plugin.

Provides AI agents with precise measurements of video content, including frame-accurate cuts, easing curves, color palettes, and word-timed transcripts.

Converts Figma frames to HTML, React, or Next.js code and uses a pixel-diff loop to verify the output against the original design.

Converts Figma frames to deterministic HTML/React and uses a pixel-diff verification loop to ensure code matches the design perfectly.

Turns FigJam boards into source-cited context for LLMs by clustering stickies, tables, and images with links back to original nodes.

Runs Playwright, Figma, Chrome DevTools, Shopify Dev and Context7 MCP servers behind one connection and trims their token usage.

Provides coding agents with design context from local Figma files, including layouts, styles, SVG assets, and revision diffs.

Lets an AI agent read local Figma .fig files offline to extract layers, styles, components, and render images.

Enables AI clients to read and manipulate Figma design and FigJam files in real-time via a WebSocket bridge to a Figma plugin.

Enables AI agents to design in Figma by providing read and write access to a live canvas with visual feedback and rollback capabilities.

Enables AI agents to design in Figma by providing read and write access to a live canvas with visual feedback and rollback capabilities.

Lets an AI client create and manipulate fully editable vector nodes, shapes, gradients, and components directly on the Figma canvas.

Compares mobile app screens from Android emulators or iOS simulators against Figma designs to identify and suggest fixes for UI discrepancies.

Allows an AI client to list top-level frames in a Figma file and download frame images along with their JSON node data and image-fill maps.

Converts Figma frames into Flutter, SwiftUI, React, or HTML code and allows AI agents to design directly within Figma Desktop.

Connects Figma to AI agents to read designs, import URLs into Figma, audit components, and generate code patches from design changes.

Checks a coding agent's UI decisions against a design system in code or Figma to ensure component reuse and prevent unnecessary custom builds.

Validates AI-built front-ends against Figma designs by comparing design tokens and geometry instead of raw pixels.

Translates design tokens between Tailwind, CSS, Figma, Material 3, and SwiftUI to maintain design consistency across platforms.

Lets an AI client design mobile app UI screens from plain language descriptions and export them to Figma or code.

Turns UI screenshots and Figma data into traceable design-to-code artifacts for Web, iOS, and Android implementation.

Allows AI agents to write, validate, and repair JSON form definitions for React, Vue, Swift, and Kotlin applications.

Animate and convert design files into Rive formats using AI-driven tools for Lottie, After Effects, Figma, and pixel art.

Transforms HTML or text descriptions into Figma designs using your specific design system components and tokens.

Transforms HTML prototypes into Figma designs using your specific design system components and tokens.

Converts HTML and Claude designs into editable Figma layers and transforms Figma frames into code using your existing React components.

Converts Figma designs into code using Claude Code by reading files through a local plugin, supporting various stacks like React Native and SwiftUI.

Enables AI agents to interact with the Figma desktop app using the full Plugin API for reading, writing, and executing arbitrary JavaScript.

Enables AI clients to read, modify, and convert Figma files into code by interacting directly with local .fig, .deck, .jam, and .site files.

Lets an AI agent open, inspect, edit, and lint Figma .fig design files headless through a local MCP server.

Allows AI agents to manage Figma workspaces by organizing projects, reviewing access, and managing teams and seats.

Connects AI clients to Figma Desktop via a local plugin to inspect, edit, and export design files without requiring a Dev or Full seat.

Connect your AI assistant to Edworking projects, tasks, documents, conversations, and files using scoped OAuth access.