Design & Media MCP servers let an AI assistant work directly with visual assets, design files, diagrams, charts, canvases, 3D scenes, and game editor workflows instead of only talking about them. With the right server connected, the assistant can inspect a Figma file, generate a chart from structured data, build a diagram from a text description, update a collaborative canvas, or drive parts of a Unity-based content workflow. That turns design and media work from screenshots and copy-paste into tool calls the assistant can make during the conversation.
This category is most useful for frontend engineers implementing designs, product designers who want faster handoff and iteration, data teams producing visuals, and game or immersive-app developers working with scenes and assets. It is also useful for teams building AI-assisted creative tooling, where the assistant needs access to a real canvas engine, component library, or rendering workflow rather than a generic code sandbox. The main differences between servers in this category are the design tool they connect to, the kinds of media they can generate or inspect, how structured their outputs are, and whether they fit production workflows like handoff, batch rendering, cross-platform scene creation, or editor automation.
“Pull the spacing, typography, colors, and component structure from the selected Figma frame and generate a responsive React implementation using our design tokens.”
viafigma-context-mcp“Turn this revenue dataset into a grouped bar chart with AntV, use our dashboard color palette, and return the config plus embeddable code.”
viamcp-server-chart“Generate a publication-quality causal diagram and matching statistical plot from this methods section, then export both as SVG files.”
viapaperbanana“Create an infinite canvas board for the onboarding flow, add frames for each screen, and connect them with annotated arrows for edge cases.”
viatldraw| # | Server | Stars |
|---|---|---|
| 1 | Labelhead Artist Momentum This MCP server is a thin wrapper around the Paperclip REST API, exposing Paperclip data and actions through MCP tools without talking directly to the database or reimplementing business logic. It supports read and write operations for entities like issues, documents, approvals, projects, goals, comments, agents, and inbox data. | 73.6k |
| 2 | Tldraw tldraw is an infinite canvas engine designed for building canvas applications in React. It supports real-time collaboration, custom shapes, and various integrations. |
It can operate against actual design and media tools instead of relying on pasted screenshots or text descriptions. That means the assistant can read design metadata, generate structured visual outputs, modify canvases, or automate editor tasks directly.
No. Frontend developers use them for design handoff, data engineers use them for charts and plots, and game developers use them to automate scene and editor work. They are most valuable when code and visual assets need to stay in sync.
Choose figma-context-mcp when you need the assistant to inspect Figma design data and turn it into implementation details. It is built for extracting layout and component information that developers can use directly in code.
Yes. sceneview, mcp-sceneview, and mcp-sceneview-4722 cover cross-platform 3D and AR scene creation, while unity-mcp-ivanmurzak connects AI workflows to Unity for editor automation, debugging, and in-project assistance.
346 servers
paperclipai
Trending hip-hop artist momentum scores across four cultural dimensions.
tldraw
Draw and visually collaborate with your agents on tldraw's canvas.
antvis
A Model Context Protocol server for generating charts using AntV.
ivanmurzak
Make 3D games in Unity Engine with AI. MCP Server + Plugin for Unity Editor and Unity games.
signerlabs
40+ production-ready SwiftUI recipes for building full-stack iOS apps via MCP.
nteract
Render React data visualizations from JSON. 43 chart types; validate, diagnose, suggest tools.
llmsresearch
Generate academic diagrams and statistical plots from text using multi-agent AI.
figma
The Figma MCP server brings Figma design context directly into your AI workflow.
bergside
Design systems, UI prompts, and layout variations for AI coding tools.
vkhanhqui
Figma MCP server with full read/write access via plugin — no API token, no rate limits. 73 tools.
sceneview
3D & AR SDK for Android, iOS, Web — API docs, samples, validation, and code generation.
sceneview
3D & AR SDK for Android, iOS, Web — API docs, samples, validation, and code generation.
ethanjyx
Extract brand assets (logos, colors, backdrop images, brand name) from any website URL
ai.smithery
Generate dynamic Mermaid diagrams and charts with AI assistance. Customize styles and export diagr…
eat-pray-ai
The AI-powered toolkit that grows your YouTube channel on autopilot
chir24
A comprehensive Model Context Protocol (MCP) server that enables AI assistants to control Unreal E…
ChiR24
MCP server for Unreal Engine 5 with 17 tools for game development automation.
chir24
Control Unreal Engine to browse assets, import content, and manage levels and sequences. Automate…
sathergate
Image processing pipeline for Next.js. Responsive optimization with Sharp.
8beeeaaat
MCP server for TouchDesigner - Control and operate TouchDesigner projects through AI agents
zhongweili
An MCP server that provides image generation and editing capabilities
burningion
MCP Server for Video Jungle - Analyze, Search, Generate, and Edit Videos
had0yun
GoPeak — The most comprehensive MCP server for Godot Engine. 95+ tools, LSP, DAP, screenshots.
tranhoaihung
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
alisaitteke
MCP server for Adobe Photoshop automation - control Photoshop from AI assistants
muxinc
The official MCP Server for the Mux API
aplaceforallmystuff
MCP server for *arr media suite - Sonarr, Radarr, Lidarr, Readarr, Prowlarr
miroapp
Official Miro MCP server - Supports context to code and creating diagrams, docs, and data tables.
shinpr
AI image generation and editing with prompt optimization and quality presets
BV-Venky
Generate beautiful Excalidraw architecture diagrams with auto-layout and component styling
webflow
AI-powered design and management for Webflow Sites
gaopengbin
CesiumJS API docs, code generation and development tools for IDE AI assistants.
gaopengbin
AI-powered 3D globe control via MCP. Camera, layers, markers, spatial analysis with CesiumJS.
whistlegraph
MCP server for aesthetic.computer - publish JavaScript, KidLisp art, and clock melodies
DmitriyGolub
Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent
transloadit
Process video, audio, images, and documents with 86+ cloud media processing robots.
nirholas
Paid x402 MCP tools from three.ws: text-to-3D generation, rigging, agent reputation, market intel.
linxule
Music studio: ABC notation composition and Strudel live coding with ext-apps UI.
mapbox
Provides AI assistants with direct access to Mapbox developer APIs and documentation.
salvo10f
Intelligent MCP server for Godot 4. Spatial intelligence, code analysis, 35 tools.
palewire
A Model Context Protocol (MCP) server and app for creating Datawrapper charts using AI assistants
ie3jp
Read, manipulate, and export Adobe Illustrator design data. 26 tools. macOS | Windows.
“Build a basic AR product viewer scene with orbit controls, lighting, and tap-to-place behavior that runs on web and mobile.”
viamcp-sceneview-4722“Inspect the current Unity scene, find missing script references on interactive objects, and generate editor fixes for each broken component.”
viaunity-mcp-ivanmurzak“Assemble a SwiftUI settings screen with profile, notifications, billing, and support sections using production-ready components.”
viashipswift| 3 | Mcp Server Chart TypeScript MCP server for generating charts and simple tabular visualizations from data using AntV. It exposes tools for many chart types, including common charts, maps, diagrams, and spreadsheet/pivot table rendering. | 4.2k |
| 4 | Unity Mcp Unity MCP is an AI-powered game development assistant that connects various AI agents to Unity for automating workflows, generating code, and enabling AI within games. It allows real-time AI debugging and player-AI interaction inside compiled games. | 3.5k |
| 5 | Shipswift ShipSwift is an AI-native SwiftUI component library that provides production-ready code for building real apps using LLMs. It includes a variety of components and recipes for developers to utilize. | 2.8k |
| 6 | Semiotic Semiotic is a React data visualization library that includes charts, network graphs, geographic maps, realtime charts, and coordinated views. It also provides an MCP server and schema/validation tooling so AI assistants can generate and render chart code reliably. | 2.7k |
| 7 | Paperbanana PaperBanana is an agentic framework for generating publication-quality academic diagrams and statistical plots from text descriptions, supporting multiple AI providers. It allows batch generation of diagrams and plots from manifest files. | 2.1k |
| 8 | Figma MCP Server The Figma MCP server integrates Figma design files into workflows, enabling AI agents to generate code and extract design context directly from Figma. It supports various features like writing to the canvas, generating code from frames, and extracting design variables. | 1.7k |
| 9 | Typeui TypeUI provides an MCP server and design resources that help AI coding tools generate better UI by supplying design systems, prompts, and layout variation guidance. The repository links to installation guides for many IDEs and AI assistants that connect to the hosted TypeUI MCP server. | 1.5k |
| 10 | Figma Mcp Go Figma MCP is an open-source server that provides full read/write access to Figma data via a plugin, without requiring a REST API or imposing rate limits. It allows users to automate design processes and integrate with various AI tools. | 1.3k |