MCPHub

0 serversUpdated Aug 28, 2026

ServersTrendingCategories
MCPHub

Catalog

  • Servers
  • Trending
  • Categories

Company

  • About

Shout out

  • Formatly
  • Hirime

Searchable catalog of Model Context Protocol servers. Find tools that connect your AI assistant to the services and data you use.

PrivacyTerms

© 2026 MCPHub

Home/Categories/Architecture & Design

Architecture & Design MCP servers

UI, diagrams, and creative design MCP servers.

Ads

30 servers

Popular in Architecture & Design

View directory
S

SVGator MCP

Official

Create, edit, and export SVGator animations (SVG, Lottie, GIF, video) from your AI assistant, and keep an editable project you can open in the editor anytime.

4Architecture & DesignUpdated Jul 15, 2026
U

uxgen

Official

Hosted MCP that hands a coding agent the ecommerce conversion mechanics: quantity breaks, free-shipping threshold, order bump and sticky add-to-cart, with the EU rules attached.

0Architecture & DesignUpdated 3 days ago
S

Screenies

Official

Your AI agent uploads app screenshots, generates a designed App Store set, localizes it, and downloads files sized for App Store Connect.

0Architecture & DesignUpdated 2 days ago
W

Wireflow AI

Official

You're agent can Chain 60+ AI image and video models on one workflow canvas

0Architecture & DesignUpdated Today
R

Rive MCP

Official

Rive MCP let AI handle repetitive tasks, like creating complex View Models, State Machines with hundreds of states/layers, Layouts, Shapes, and more.

0Architecture & DesignUpdated Today
L

Lottie Creator MCP

Official

The Lottie Creator MCP brings your AI assistant directly into your animation workflow — giving it full access to LottieFiles Creator so it can build and edit Lottie animations on your behalf through natural language.

0Architecture & DesignUpdated Today

Recently updated

K

karyaboyraz/mockit-mcp

Generate premium iOS mobile UI mockups (PNG + HTML) from a single text prompt. Pairs Claude (Opus 4.7 by default) with a Playwright headless renderer. Two backends — `claude` CLI (uses your Claude Code subscription) or Anthropic API. Stdio + HTTP transports, MIT.

0Architecture & DesignUpdated Today
K

Kentucky-ai/opentakeoff

Construction plan takeoff on stdio — load a plan PDF, read the title block, adopt the drawing scale (never applied silently), one-click trace rooms, and export real-world quantities (square footage, linear feet, counts) with provenance receipts. Install via NPM: `npx -y opentakeoff-mcp`

0Architecture & DesignUpdated Today
P

posecode-dev/posecode

"Mermaid for human movement" — a text language any LLM can write, rendered as a safe, anatomically-clamped 3D human figure in the browser.

0Architecture & DesignUpdated Today
R

RNVizion/rnv-color-mcp

A complete color workflow over MCP: mix (incl. Kubelka-Munk paint physics), convert formats, generate harmonies, and remember named palettes. Resolves hex, CSS, and custom brand color names, and refuses unknown colors rather than guessing. Hosted, no install: `https://rnvizion-rnv-color-mcp.hf.space/mcp`.

0Architecture & DesignUpdated Today
U

uxloom-dev/uxloom

Agent-native UI/UX design validation: model user journeys as state machines and prove what AI-generated screens are missing (unreachable states, missing empty/loading/error states, WCAG contrast, touch targets, localization overflow) before code exists — then verify the code implements the contract. Deterministic CI gates (`uxloom check`, `uxloom audit`), one-command setup (`npx uxloom init`).

0Architecture & DesignUpdated Today
Y

yenchieh/diagramzu-mcp

Let your AI author Mermaid diagrams (flowchart, sequence, ER, mindmap) in a shared workspace, then read, comment on, embed, and present them at a clean URL — instead of pasting back hundreds of lines of prose. Hosted endpoint `https://mcp.diagramzu.ai/mcp` or local `npx -y @diagramzu/mcp`. 14 tools incl. diagram CRUD, version history, comments, presentation decks, and `analyze_diagram` lints.

0Architecture & DesignUpdated Today

All servers in Architecture & Design

S

SVGator MCP

Official

Create, edit, and export SVGator animations (SVG, Lottie, GIF, video) from your AI assistant, and keep an editable project you can open in the editor anytime.

4Architecture & DesignUpdated Jul 15, 2026
B

Blender MCP

Official

A lightweight MCP (Model Context Protocol) server for Blender. It offers a natural language interface with Blender’s Python API, improving access to documentation, and allowing users to explore and understand complex setups.

0Architecture & DesignUpdated Jul 16, 2026
C

Compeller

Official

Create AI music videos and audio-reactive visuals from songs through MCP.

0Architecture & DesignUpdated Today
E

Eagle MCP

Official

Eagle MCP Server is a local Model Context Protocol bridge that lets AI assistants (e.g. Cursor, Claude) access your Eagle media library so you can tag, categorize, search, and batch-organize assets with natural language.

0Architecture & DesignUpdated Jul 15, 2026
I

Inkrun MCP

Official

Inkrun's remote MCP server lets AI agents like Claude turn Markdown into themed, consistent and reproducible on-brand PDFs with a single tool call

0Architecture & DesignUpdated Today
L

Lottie Creator MCP

Official

The Lottie Creator MCP brings your AI assistant directly into your animation workflow — giving it full access to LottieFiles Creator so it can build and edit Lottie animations on your behalf through natural language.

0Architecture & DesignUpdated Today
P

Picsart GenAI MCP

Official

AI Video, Image & Audio Generation with over 150 models

0Architecture & DesignUpdated Today
R

Rive MCP

Official

Rive MCP let AI handle repetitive tasks, like creating complex View Models, State Machines with hundreds of states/layers, Layouts, Shapes, and more.

0Architecture & DesignUpdated Today
S

Screenies

Official

Your AI agent uploads app screenshots, generates a designed App Store set, localizes it, and downloads files sized for App Store Connect.

0Architecture & DesignUpdated 2 days ago
U

uxgen

Official

Hosted MCP that hands a coding agent the ecommerce conversion mechanics: quantity breaks, free-shipping threshold, order bump and sticky add-to-cart, with the EU rules attached.

0Architecture & DesignUpdated 3 days ago
W

Wireflow AI

Official

You're agent can Chain 60+ AI image and video models on one workflow canvas

0Architecture & DesignUpdated Today
G

GittyBurstein/mermaid-mcp-server

MCP server that turns local projects or GitHub repositories into Mermaid diagrams and renders them via Kroki.

0Architecture & DesignUpdated Today
A

awdr74100/figwright

Bidirectional Figma server over a local WebSocket relay: turn a selection into framework-aware code (reusing your components and tokens), or author frames, text, styles, variables, and whole screens back onto the canvas. 92 tools, any MCP client, no Dev Mode seat or paid tier.

0Architecture & DesignUpdated Today
K

Kentucky-ai/opentakeoff

Construction plan takeoff on stdio — load a plan PDF, read the title block, adopt the drawing scale (never applied silently), one-click trace rooms, and export real-world quantities (square footage, linear feet, counts) with provenance receipts. Install via NPM: `npx -y opentakeoff-mcp`

0Architecture & DesignUpdated Today
N

Narasimhaponnada/mermaid-mcp

AI-powered Mermaid diagram generation with 22+ diagram types including flowcharts, sequence diagrams, class diagrams, ER diagrams, architecture diagrams, state machines, and more. Features 50+ pre-built templates, advanced layout engines, SVG/PNG/PDF exports, and seamless integration with GitHub Copilot, Claude, and any MCP-compatible client. Install via NPM: `npm install -g @narasimhaponnada/mermaid-mcp-server`

0Architecture & DesignUpdated Today
B

BV-Venky/excalidraw-architect-mcp

Generate beautiful Excalidraw architecture diagrams with auto-layout, architecture-aware component styling, and stateful editing. 50+ technology mappings including databases, message queues, caches, and more. No API keys required.

0Architecture & DesignUpdated Today
U

uxloom-dev/uxloom

Agent-native UI/UX design validation: model user journeys as state machines and prove what AI-generated screens are missing (unreachable states, missing empty/loading/error states, WCAG contrast, touch targets, localization overflow) before code exists — then verify the code implements the contract. Deterministic CI gates (`uxloom check`, `uxloom audit`), one-command setup (`npx uxloom init`).

0Architecture & DesignUpdated Today
B

betterhyq/mermaid-grammer-inspector-mcp

A Model Context Protocol (MCP) server for validating Mermaid diagram syntax and providing comprehensive grammar checking capabilities

0Architecture & DesignUpdated Today
K

karyaboyraz/mockit-mcp

Generate premium iOS mobile UI mockups (PNG + HTML) from a single text prompt. Pairs Claude (Opus 4.7 by default) with a Playwright headless renderer. Two backends — `claude` CLI (uses your Claude Code subscription) or Anthropic API. Stdio + HTTP transports, MIT.

0Architecture & DesignUpdated Today
R

RNVizion/rnv-color-mcp

A complete color workflow over MCP: mix (incl. Kubelka-Munk paint physics), convert formats, generate harmonies, and remember named palettes. Resolves hex, CSS, and custom brand color names, and refuses unknown colors rather than guessing. Hosted, no install: `https://rnvizion-rnv-color-mcp.hf.space/mcp`.

0Architecture & DesignUpdated Today
R

rdanieli/tentra-mcp

AI-native architecture platform for engineering teams. Describe a system in natural language (e.g. "payment service with Stripe, Kafka, PostgreSQL") → get an interactive typed diagram with 167 cloud components → export to 14 production frameworks (Java Spring Boot, Python FastAPI, Go chi, Rust Axum, .NET, Kotlin Ktor, Ruby Rails, Elixir Phoenix, Docker Compose, Terraform, Mermaid, ADR, and more). Drift detection (`sync_architecture`) scores saved diagrams against live code 0–100 with a structured diff. 9 quality-lint rules catch orphans, SPOFs, god services. Also includes a secondary persistent code-graph layer for AI coding agents (free offline via `npx tentra-mcp --local init`). Agent-as-LLM pattern — zero LLM cost on our side, zero API key on yours. 35 MCP tools. Works in Cursor, Claude Code, Codex, Windsurf.

0Architecture & DesignUpdated Today
Y

yenchieh/diagramzu-mcp

Let your AI author Mermaid diagrams (flowchart, sequence, ER, mindmap) in a shared workspace, then read, comment on, embed, and present them at a clean URL — instead of pasting back hundreds of lines of prose. Hosted endpoint `https://mcp.diagramzu.ai/mcp` or local `npx -y @diagramzu/mcp`. 14 tools incl. diagram CRUD, version history, comments, presentation decks, and `analyze_diagram` lints.

0Architecture & DesignUpdated Today
C

cisco-open/network-sketcher

Local-first MCP server for AI-driven network design. Creates Cisco-style network master files, L1/L2/L3 topology diagrams, combined HTML viewers, device tables, and AI Context files.

0Architecture & DesignUpdated Today
F

flowzap-xyz/flowzap-mcp

Create workflow, sequence, and architecture diagrams using FlowZap Code DSL. 7 tools for validation, playground URL generation, syntax docs, graph export, artifact parsing, diffing, and patching. No API key required. Install via NPM: `npx -y flowzap-mcp`

0Architecture & DesignUpdated Today
E

ejwhite7/brandkit-mcp

Expose a company's complete design system (colors, typography, logos, components, guidelines, CSS tokens) to AI tools via MCP. Auto-parses CSS / Markdown / PDF / SVG / fonts; supports `marketing` vs `product` contexts with shared overrides; ships 12 tools, 16+ resources under `brandkit://`, and 4 prompts; stdio + SSE + Streamable HTTP transports. Install via NPM: `npx -y brandkit-mcp serve`.

0Architecture & DesignUpdated Today
P

posecode-dev/posecode

"Mermaid for human movement" — a text language any LLM can write, rendered as a safe, anatomically-clamped 3D human figure in the browser.

0Architecture & DesignUpdated Today
H

HalidSaglam/saglitzdesign-mcp

Expert design & marketing knowledge for web / iOS / Android / macOS UI/UX: 83 sourced, prescriptive docs plus deterministic generators (design tokens, color systems, type scales, WCAG a11y) and a one-call `create_design_system`. Offline, no API key, reads only local files. Install via NPM: `npx -y saglitzdesign-mcp`.

0Architecture & DesignUpdated Today
A

aidc2026ai-melon/aidc-ai-mcp

Official

Deterministic AI data-center design engine exposed as MCP tools (design, validate, layout): rack count, design PUE, total MVA, liquid/air cooling split, CDU planning, cost & timeline. NVIDIA Rubin-era, 22.9 kV intake, Korea. Remote Streamable HTTP at https://aidc-ai.io/api/mcp; no key for the anonymous tier.

0Architecture & DesignUpdated Today
E

erajasekar/ai-diagram-maker-mcp

Official

MCP server for AI Diagram Maker — generate flowcharts, sequence diagrams, ERDs, system/network architecture, UML, mindmap, and workflow from natural language, code, ASCII, images, or Mermaid. Inline rendering using MCP Apps UI and editable diagram URLs. Requires API key.

0Architecture & DesignUpdated Today
B

bobaba99/motionlint

Catch bad animations before they ship. 13 deterministic checks on the live page (duration, easing, stagger, exits, reduced-motion, touch-gated hover) with no API key or LLM, plus optional vision-LLM UX review across viewports. Install via NPM: `npx -y motionlint mcp`

0Architecture & DesignUpdated Today