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. | 51.9k |
| 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.
326 servers
paperclipai
Trending hip-hop artist momentum scores across four cultural dimensions.
tldraw
Draw and visually collaborate with your agents on tldraw's canvas.
glips
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
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.
llmsresearch
Generate academic diagrams and statistical plots from text using multi-agent AI.
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.
sceneview
3D & AR SDK for Android, iOS, Web — API docs, samples, validation, and code generation.
figma
The Figma MCP server brings Figma design context directly into your AI workflow.
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…
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…
eat-pray-ai
A fully functional MCP server and CLI for YouTube
vkhanhqui
Figma MCP server with full read/write access via plugin — no API token, no rate limits. 73 tools.
zhongweili
An MCP server that provides image generation and editing capabilities
8beeeaaat
MCP server for TouchDesigner - Control and operate TouchDesigner projects through AI agents
burningion
MCP Server for Video Jungle - Analyze, Search, Generate, and Edit Videos
muxinc
The official MCP Server for the Mux API
tranhoaihung
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
had0yun
GoPeak — The most comprehensive MCP server for Godot Engine. 95+ tools, LSP, DAP, screenshots.
webflow
AI-powered design and management for Webflow Sites
aplaceforallmystuff
MCP server for *arr media suite - Sonarr, Radarr, Lidarr, Readarr, Prowlarr
shinpr
AI image generation and editing with prompt optimization and quality presets. Powered by Nano Banana
bv-venky
Generate beautiful Excalidraw architecture diagrams with auto-layout and component styling
whistlegraph
MCP server for aesthetic.computer - publish JavaScript, KidLisp art, and clock melodies
miroapp
Official Miro MCP server - Supports context to code and creating diagrams, docs, and data tables.
transloadit
Process video, audio, images, and documents with 86+ cloud media processing robots.
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.
DmitriyGolub
Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent
mapbox
Provides AI assistants with direct access to Mapbox developer APIs and documentation.
waystation-ai
Collaborate on visual boards with your team using Miro integration.
palewire
A Model Context Protocol (MCP) server and app for creating Datawrapper charts using AI assistants
themesberg
MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS
ie3jp
Read, manipulate, and export Adobe Illustrator design data. 26 tools. macOS | Windows.
fannon
Generate, randomize, explain, and manage u-he synthesizer presets via the Model Context Protocol.
jmedure
Chat with your Ableton session in real-time.
iowarp
MCP server for advanced data visualization and plotting operations
“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 | Figma Context Mcp The Framelink MCP for Figma allows coding agents to access Figma design data to implement designs in various frameworks efficiently. | 14.3k |
| 4 | 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.0k |
| 5 | 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. | 2.1k |
| 6 | 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. | 1.3k |
| 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. | 1.3k |
| 8 | Sceneview Official MCP server for SceneView that provides AI assistants with SceneView 3D/AR API reference, code samples, validation, setup guides, and project analysis. It supports local free tools via stdio and forwards paid Pro tools to a hosted gateway when a SceneView API key is set. | 1.2k |
| 9 | Mcp SceneView enables the creation of 3D and AR experiences across multiple platforms using familiar UI frameworks. | 1.2k |
| 10 | Mcp SceneView enables the creation of 3D and AR experiences across multiple platforms using familiar UI frameworks. It supports Android, iOS, Web, Desktop, Flutter, and React Native. | 1.2k |