"Figma design tool and resources" 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.

A comprehensive MCP server for Vue component development and Figma design restoration, featuring snapDOM-powered screenshots, pixel-perfect visual comparison, and automated SVG optimization.

MCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.

Generates print-resolution business posters (PNG/JPG) from a plain-language brief, using a design system derived from reference posters to lay out text, palettes, and images automatically.

Reverse-engineers design videos and images into structured frontend implementation specifications using vision LLMs and FFMPEG for frame-level analysis.

Enables AI assistants to analyze design images for composition, color harmony, typography, and accessibility compliance with actionable recommendations.

MCP server for downloading images from Figma designs using access tokens. Supports multiple export formats and scale factors via a single tool.

Enables AI assistants to search design inspiration, generate and edit images and videos, use reference media, remove backgrounds, create product detail images and marketing posters, and access saved creative assets through remote OAuth or legacy local setups.

Enables an agent to read, edit, and build Figma designs from scratch — including style guides, variables, components, and screens — through a local plugin bridge to the open file's Plugin API, with no Figma token or REST API calls.

Provides design capabilities including requirement analysis, visual token extraction, design generation, and visual auditing.

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.

Provides a native mobile design workflow for Claude Code and Codex, combining award/curated app reference research, bounded design-review evidence packets, and authored SwiftUI and Jetpack Compose motion recipes. It also helps agents organize briefs, annotate reference flows, and analyze transition frames so designs can be implemented and independently reviewed against real app evidence.

Enables an MCP client to read Figma Design documents, modify editable layers and local design systems, and export PNG/SVG through a local Figma Desktop plugin bridge without executing arbitrary code from requests.

Enables AI clients to import and inspect Figma designs, read properties, styles, components, and variables, download screens and assets, and validate screenshots against offline snapshots.

Enables AI coding tools such as Claude Code and Codex to interact with and modify Figma designs via the Model Context Protocol.

Enables AI agents to remotely operate visual design tools via MCP protocol, with composable architecture for image processing, file operations, and workflow automation.

MCP server for controlling Figma Slides — create, edit, and screenshot slides from any AI assistant that supports MCP.

Enables a locally run agent or script to read and write a real Figma layer tree through a local bridge — inspecting node structure and variables, exporting screenshots into the model's context, and performing batched create/update/move/rename/delete operations that collapse into a single undo step. All traffic stays on localhost between the bridge and the Figma plugin, with design-token auditing, binding, and creation included.

Enables stdio MCP clients such as Cursor and Claude Code to read and modify the currently open Figma Desktop file, export selected nodes as local PNG/SVG files, and create or edit basic canvas nodes using precise layout data for pixel-level reconstruction.

Provides mobile UI/UX design intelligence tools for Flutter and React Native, enabling app research, palette extraction, WCAG contrast audits, touch target validation, tech stack detection, and generation of icons, splash screens, and theme code.

Enables agents to commission and refine web pages, product prototypes, landing pages, decks, images, and motion through the desktop app, and to read design files, copy artifacts, and access design systems.

A read-only Figma MCP server that lets Claude list frames, read a frame's layout as flexbox, extract color and text styles as CSS variables, export icons as SVG, and render a PNG of the frame for visual comparison. This gives Claude everything it needs to build a matching web page from a design on Figma's free plan, with responses cached locally.

Connects an MCP client such as Claude Code to the Figma file open in the desktop app, letting the agent create frames, write text, apply styles, import images and SVGs, take screenshots, and run arbitrary Figma Plugin API code. Commands travel through a local development plugin instead of Figma's web API, so there are no tokens, quotas, or rate limits.

Uploads temporary Figma MCP asset URLs to the CDN after Tinify optimization.

MCP server for the Figma API. Lets AI agents fetch designs, nodes, and rendered images from Figma.

An MCP server that bridges Claude Code to Figma, enabling AI-driven design creation, modification, and export via semantic tools and WebSocket communication.

Template-driven PowerPoint design MCP server for Windows, enabling slide creation and manipulation via COM automation.

Zero-dependency MCP server for social media dimensions & first-party safe areas (Reels, TikTok, YouTube Shorts), encoder-safe aspect ratios, video bitrate math, SRT/VTT/ASS subtitle conversion, and BPM delay tables.

MCP server that turns AI into an SVG artist. One rendering engine with a rich JSON schema, AI controls all design parameters. Renders animated SVGs with CSS @keyframes and SMIL animations. Supports 16+ element types, parametric curves, pattern groups, gradient/filter/clip/mask definitions, and PNG preview. No external dependencies, runs locally via npx.

An MCP server that enables AI agents to search, retrieve, and curate free stock photos and videos from Pexels, with tools, resources, and prompts for easy integration.