How do I connect a Architecture & Design MCP server to Claude Desktop or Cursor?

To install a Architecture & Design MCP server, select your desired server from the directory, copy the JSON configuration snippet, and add it to your client config file (such as claude_desktop_config.json or .cursor/mcp.json).

Are Architecture & Design MCP servers free to use?

Yes, all Architecture & Design MCP servers listed in this directory are open-source and free to integrate into compatible Model Context Protocol clients.

32 Architecture & Design MCP Servers

Q: What are Architecture & Design Model Context Protocol (MCP) servers?

Model Context Protocol (MCP) servers in the Architecture & Design category allow AI assistants (such as Claude Desktop, Cursor, Windsurf, and Cline) to connect directly to architecture & design tools, APIs, and databases without manual copy-pasting.

Discover 32 Architecture & Design MCP servers for AI agents. Browse, compare, and install Model Context Protocol tools that connect Claude, Cursor, and other clients to architecture & design capabilities. Popular picks include Figma Context MCP, Figwright, Figma Use.

Open in interactive directory

Figma Context MCP

GLips

Provide coding agents direct access to Figma data to help them one-shot design implementation.

3 0 0

Figwright

awdr74100

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.

5 0 0

Figma Use

dannote

Full Figma control: create shapes, text, components, set styles, auto-layout, variables, export. 80+ tools.

2 0 0

Agentic Design System

Render, evaluate, and trace web UI decisions with deterministic Agentic Design System evidence.

1 0 0

Opentakeoff

Kentucky-ai

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

3 0 0

Icon Composer MCP

ethbak

MCP server for Apple's Icon Composer: programmatically create .icon bundles with Liquid Glass effects (iOS 26+). 12 tools for icon creation, glass effect tuning, dark mode appearances, and App Store export.

1 0 0

Endiagram MCP

endiagram

Structural analysis for any system — 12 deterministic graph tools (topology, bottlenecks, blast radius, trace, diff, centrality) from EN syntax descriptions. No AI inside the computation. Install: npx @endiagram/mcp

2 0 0

Saglitzdesign MCP

HalidSaglam

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 createdesignsystem. Offline, no API key, reads only local files. Install via NPM: npx -y saglitzdesign-mcp.

4 0 0

Network Sketcher

cisco-open

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.

2 0 0

Brandkit MCP

ejwhite7

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.

3 0 0

Figma Flutter MCP

mhmzdev

Provide coding agents direct access to Figma data to help them write Flutter code for building apps including assets exports, widgets maintenance and full screens implementations.

4 0 0

Tentra MCP

rdanieli

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 (syncarchitecture) 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.

3 0 0

Taste Bank

Reusable visual design systems for AI coding agents — browse, fetch, and submit styles via MCP.

0 0 0

Excalidraw Architect MCP

BV-Venky

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.

4 0 0

Uxloom

uxloom-dev

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).

3 0 0

Posecode

posecode-dev

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

2 0 0

Diagramzu MCP

yenchieh

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 analyzediagram lints.

2 0 0

Genable

musepy

Write-side MCP for Figma — complements Figma's official read-only MCP. 41 tools for building and editing Figma designs from Claude Code, Cursor, Cline: JSX-like tree creation, variables/tokens, components, cross-page navigation, and visual verification via screenshots. Install: npx -y genable-mcp.

4 0 0

Motionlint

bobaba99

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

1 0 0

Memi

sarveshsea

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

2 0 0

AI Diagram Maker MCP

erajasekar

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.

1 0 0

Anima MCP Server

Connect AI coding agents to Anima Playground, Figma, and your design system.

1 0 0

Flowzap MCP

flowzap-xyz

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

1 0 0

Aidc AI MCP

aidc2026ai-melon

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.

4 0 0

Figma MCP Server

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

1 0 0

Rnv Color MCP

RNVizion

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.

5 0 0

Standby Design MCP

Generate design systems: OKLCH color palettes, fluid type scales, spacing, shape and icon tokens.

0 0 0

NVIDIA Elements

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

0 0 0

Mermaid MCP

Narasimhaponnada

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

3 0 0

Mermaid MCP Server

GittyBurstein

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

2 0 0

Mockit MCP

karyaboyraz

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.

3 0 0

UIcockpit

Generate a design system from a brief, then verify your AI stays on it.

1 0 0

Explore related categories

Frequently Asked Questions about Architecture & Design MCP Servers

Model Context Protocol (MCP) servers in the Architecture & Design category allow AI assistants (such as Claude Desktop, Cursor, Windsurf, and Cline) to connect directly to architecture & design tools, APIs, and databases without manual copy-pasting.