Skip to content

Best-of MCP topic

Best MCP Servers for Design Tools

Top MCP servers for Figma, image generation, and design tool integrations. Let AI interact with your design workflow.

20 servers · Updated 2026 · From 2805 reviewed

Top Picks

#1 MeiGen AI Design MCP Scan found nothing
338 stars

AI image generation & editing MCP server with 1,500+ curated prompt library, smart prompt enhancement, and multi-provider routing (local ComfyUI, MeiGen Cloud, OpenAI-compatible APIs).

#2 Pixelle MCP Scan found nothing
934 stars

An omnimodal AIGC framework that seamlessly converts ComfyUI workflows into MCP tools with zero code, enabling full-modal support for Text, Image, Sound, and Video generation with Chainlit-based web interface.

#3 Webflow MCP Server Scan found nothing
107 stars

AI-powered design and management for Webflow Sites

Compatibility

Claude CodeFull support
Tested
CursorFull support
Tested
VS CodeFull support via Copilot
Tested
WindsurfFull support
Tested
Claude DesktopFull support
Tested

Install

Claude Code

claude mcp add webflow-mcp-server -- npx -y mcp

All Design Tools Servers

ClaudeSmalltalk

Scan found nothing
by CorporateSmalltalkConsultingLtd

MCP server for AI interaction with live Smalltalk images

design StringTemplate stdio
14
View

Figma Designer

Scan found nothing
by a1245582339

Give AI agents full read & write access to Figma — 50+ tools for design automation

design TypeScript stdio
claude mcp add figma-designer -- npx -y figma-designer
10
View

OpenBrand

Scan found nothing
by ethanjyx

Extract brand assets (logos, colors, backdrop images, brand name) from any website URL

design TypeScript stdio
claude mcp add openbrand -- npx -y openbrand
458
View

Nanobanana MCP Server

Scan found nothing
by zhongweili

An MCP server that provides image generation and editing capabilities

design Python stdio
claude mcp add nanobanana-mcp-server -- uvx nanobanana-mcp-server
178
View

MCP Arr

Scan found nothing
by aplaceforallmystuff

MCP server for *arr media suite - Sonarr, Radarr, Lidarr, Readarr, Prowlarr

media content JavaScript stdio
claude mcp add mcp-arr -- npx -y mcp-arr
96
View

Transloadit Media Processing

Scan found nothing
by transloadit

Process video, audio, images, and documents with 86+ cloud media processing robots.

design TypeScript stdiostreamable-http
claude mcp add node-sdk -- npx -y mcp-server
71
View

Fal MCP Server

Scan found nothing
by raveenb

Generate AI images, videos, and music using Fal.ai models (FLUX, Stable Diffusion, MusicGen) directly in Claude Desktop

design Python stdio
37
View

Frontend Design Loop MCP

Scan found nothing
by alexalexalex222

Design-first MCP for coding agents that improves websites with screenshot-grounded iteration.

design Python stdio
claude mcp add frontend-design-loop-mcp -- uvx frontend-design-loop-mcp
2
View

Tinify AI

Scan found nothing
by onepunchtechnology

MCP server for Tinify image optimization — one tool, max optimization

design TypeScript stdiostreamable-http
claude mcp add tinify-ai-mcp-server -- npx -y tinify-ai
2
View

Artin0123 Gemini Image MCP Server

Scan found nothing
by Artin0123

Analyze images and videos with Gemini to get fast, reliable visual insights. Handle content from U…

design TypeScript stdiostreamable-http
claude mcp add gemini-vision-mcp -- npx -y Artin0123-gemini-image-mcp-server
1
View

Markly

Scan found nothing
by Whitemarmot

Add text or logo watermarks to images via the Markly.cloud API. Batch supported.

design TypeScript stdio
claude mcp add markly-mcp-server -- npx -y markly
1
View

Image Tools Background Removal, Upscaling & Face Restor...

Scan found nothing
by fasuizu-br

Background removal, 4x upscaling, and face restoration via GPU

design Python stdiostreamable-http
claude mcp add speech-ai-examples -- uvx speech-ai
1
View

Multimodal

Scan found nothing
by rsmdt

Multi-provider media generation — images, video, audio, and transcription via a unified interface

design TypeScript stdio
claude mcp add multimodal-mcp -- npx -y multimodal
1
View

HomeAssistant Light MCP

Scan found nothing
by Koneisto

Control Home Assistant lights and scenes. Lights only by design for safety.

design JavaScript stdio
claude mcp add homeassistant-light-mcp -- npx -y HomeAssistant-Light-MCP
View

Img Src Io MCP Server

Scan found nothing
by img-src-io

MCP server for img-src.io Image CDN - upload, transform, and deliver images through AI assistants

design JavaScript stdio
claude mcp add img-src-io-mcp -- npx -y mcp
View

Imgx

Scan found nothing
by somacoffeekyoto

AI image generation and editing MCP server. Gemini + OpenAI, iterative editing, undo/redo.

design TypeScript stdio
claude mcp add imgx-mcp -- npx -y imgx
View

Voice MCP

Scan found nothing
by mbailey

Complete voice interaction server supporting speech-to-text, text-to-speech, and real-time voice conversations through local microphone, OpenAI-compatible APIs, and LiveKit integration

media content Python stdio
895
View

FAQ

What are the best MCP servers for Design Tools?

These are the 20 highest-signal Design Tools servers from a directory of 2805, ranked by stars, maintenance recency and what our automated scan returned. Nobody here has used them: this is a sort, not a review. MeiGen AI Design MCP is top of the list.

How do I install these MCP servers?

Each server page includes one-click install commands for Claude Code, Cursor, and VS Code. Click on any server above to see its install instructions.

Are these MCP servers safe to use?

No. 2,316 of the 2,805 servers here were shallow-cloned and put through five keyword searches in March 2026; 489 were never scanned at all. A green badge means those five searches matched nothing, which is not the same as safe — a grep cannot follow a variable or tell you what a server does once it is running. Read what the scan actually checks at /mcp/security, and read the source before you run anything.

Use the shortlist, then open a concrete workflow

Best-of pages are useful for narrowing options. The next practical move is a specific server detail page or a focused browser-first tool route.