Design MCP servers

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

Create crafted UI components inspired by the best 21st.dev design engineers.

JS reverse engineering MCP server with agent-first tool design and built-in anti-detection. 为 AI Agent 设计的 JS 逆向 MCP Server，内置反检测。

Semiotic React data visualization: suggest charts for a dataset, render validated configs to SVG, diagnose anti-patterns and fetch component schemas.

The Figma MCP server brings Figma design context directly into your AI workflow.

Design systems, UI prompts, and layout variations for AI coding tools.

Image generation and editing with a curated prompt library, prompt enhancement and routing across local ComfyUI, MeiGen Cloud and OpenAI-compatible APIs.

Draw cloud architecture diagrams with official AWS, Azure and GCP icons from a prompt or Terraform.

Bidirectional Figma bridge: turn selections into framework-aware code reusing your components and tokens, or create frames, text, styles, variables and screens.

Figma control: create shapes, text and components, and set styles, auto-layout, variables and exports.

MCP server for StyleKit — search 148 design styles and pull tokens, recipes, and shadcn install commands from Claude, Cursor, or Windsurf

Local-first network design: create Cisco-style network master files, L1/L2/L3 topology diagrams, HTML viewers, device tables and AI context files.

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

Gives coding agents Figma data to write Flutter code, including asset exports, widgets and full-screen implementations.

melta UI — AI-Ready Design System with MCP server (design tokens, component contracts, prohibition rules, check_html self-verification)

Word-sized charts (sparklines, bars, bullets and more) rendered to self-contained SVG with generated alt text, plus chart suggestions for a given question.

Connect MCP clients to EasyEDA Desktop for schematic and PCB design, routing, inspection, and DRC.

Construction plan takeoff: load plan PDFs, read title blocks, set drawing scale, trace rooms and export quantities like square footage and linear feet.

Generate Excalidraw architecture diagrams with auto-layout, technology-aware component styling (databases, queues, caches) and stateful editing.

Search Keyline Icons by name and get any icon's SVG source or React import. No key, no network.

MCP server for Lanhu (蓝湖) design collaboration platform — lets AI assistants read designs, PRDs and slices.

Production-grade MCP server for KiCad EDA—PCB design, DRC, simulation, BOM, DFM, and manufacturing.

Text language for human movement that LLMs can write, rendered as an anatomically constrained 3D human figure in the browser.

Create, inspect and iterate on 3D geometry with build123d parametric CAD: render PNG/SVG views, measure geometry and export STEP/STL.

Operate one or many LINE Official Accounts from any AI agent — through natural language, no code. Send broadcasts, design Flex messages and tappable Rich Messages, build Thai-ready rich menus (Rich Menu Studio), manage audiences, coupons, and insights. Ne

NVIDIA Elements UI design system and agent tools for AI/ML, robotics, and autonomous vehicles.

Run 3D printers end to end: design, slice, queue, monitor via camera and recover from failures over OctoPrint, Moonraker/Klipper, PrusaLink or USB.

Two-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.

Android framework and solution that prevents TransactionTooLargeException crashes by design.

MCP server for converting bitmap images to SVG vector graphics using potrace tracing.

Extract component information from Storybook design systems: HTML, styles, props, dependencies, theme tokens and metadata.

Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.

Search real-world UI & UX design references for mobile apps, web apps, and websites with Mobbin.

Mermaid diagram generation (flowcharts, sequence, class, ER, architecture and state diagrams) with templates, layout engines and SVG/PNG/PDF export.

AI logo design → SVG → full brand kit. Text-to-path, optimize, export PNG/ICO/WebP.

The design layer for agentic AI: design context, interface checks, and workflows for coding agents.

Design-system memory for coding agents: UI audits, Tailwind token extraction, shadcn registry workflows, Figma context, design docs and quality diagnostics.

Shadcn-native Design CI for Tailwind apps with registry export and MCP UI tools.

UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.

Turn a Lanhu design into context for AI to generate code and recreate pages

UI design that stands out. Full-screen UI references and design materials for coding agents.

Local design engine: create, edit and export branded social posts, flyers, decks and business cards, with print-ready PDFs and InDesign, PSD and PDF import.

Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.

Cloud architecture design for AWS, GCP, Azure and Databricks: cost estimates, compliance checks, Terraform/CloudFormation export and blast-radius analysis.

Create designs, manage assets, and automate design generation from external workflows

Export files, access design data, manage projects, comments, and team assets

Control Miro whiteboards with AI. 110 tools for boards, diagrams, mindmaps, comments, SVG.

SVG art engine controlled through JSON config: CSS keyframe and SMIL animations, parametric curves, filters, gradients and PNG preview.