"How to generate HTML code from Figma design files" matching MCP servers:

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.

Enables MCP clients to generate images using Tencent CloudBase's Hunyuan AI, supporting text-to-image and image-to-image with authentication and rate limiting.

MCP server for generating and editing images and videos via DashScope/OpenAI-compatible APIs, with tools for text-to-image, image editing, text/video generation, and automatic local download.

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

Enables reading and patching VRoid Studio 2.x .vroid files by inspecting textures and parameters, exporting layer PNGs, and writing verified new files with replaced layers, item colors, or saved settings.

A remote MCP image generation server that unifies OpenAI Images and Gemini generateContent APIs with preset-based configuration for multi-provider support.

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.

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.

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.

MCP server that renders bar, line, and pie charts from data using QuickChart, returning PNG file paths.

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

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.

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.

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

Renders source code as beautiful SVG or PNG images with syntax highlighting, line numbers, and diff support. Ideal for AI agents to present code visually to humans or for sharing snippets.

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.

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.

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

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 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 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.

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.

An MCP server that measures how faithfully one UI reproduces another, returning a score and actionable findings for improvement.

Open-source design engineering toolkit for AI assistants to analyze, recreate, reimagine, critique, and audit user interfaces.

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

Converts local images or remote image URLs to Base64 format via the MCP protocol, enabling AI assistants to process images.

Enables AI assistants to convert CSS-animated SVGs into videos (MP4/WebM/MKV/MOV) and animated images (aPNG/GIF) with frame-accurate rendering and transparency support.

Read-only MCP server exposing AI Room Design's image generation styles, pricing, FAQ, and official links to MCP-compatible clients like Claude Desktop, Cursor, and Windsurf.

A local MCP server for AI image generation using ComfyUI, Claude Code, and OpenClaw, with a built-in library of over 1,300 prompts for private, fast image creation.

Enables AI-powered generation of styled QR codes with 10 design presets, supporting single or batch creation with custom logos and formats (SVG/PNG) directly from AI tools.

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

Routes one brief to the right image model across 60+ (gpt-image-1.5, Ideogram 3, Recraft V4, Flux), validates the output, and fans out to iOS/Android/PWA/favicon/visionOS/Flutter bundles. Works without an API key via Pollinations, HF Inference, Stable Horde, or host-LLM inline SVG.

Turns AI coding agents into visual creative assistants by providing a curated prompt gallery, prompt enhancement, and image/video generation via LemGen, with free inspiration tools and optional token-based generation.