The design essentialMCP servers
Figma MCP
Bring design context into your AI-assisted development workflow. Start with one frame, then review the result against the original.
Docs reviewed
YOUR MISSION
Build a working prototype
A working interaction with a review checklist
Editorial starting points
Check current publisher documentation, plans and permissions before connecting. A suggested stack is not a tested integration.
For your next buildMCP servers
GitHub MCP
Connect repository context, issues and pull requests to your AI workflow. Keep changes behind your normal review process.
Docs reviewed
Meet your QA partnerMCP servers
Playwright MCP
Let an assistant interact with a browser for repeatable checks and exploration. Use a test account and a clearly bounded task.
Docs reviewed
Explore the community collection
7 source-reported listings in Architecture & Design. Independently unverified.
Architecture & DesignMCP servers
mermaid-grammer-inspector-mcp
A Model Context Protocol (MCP) server for validating Mermaid diagram syntax and providing comprehensive grammar checking capabilities
Community listing
Architecture & DesignMCP servers
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.
Community listing
Architecture & DesignMCP servers
ai-diagram-maker-mcp
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.
Community listing
Architecture & DesignMCP servers
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
Community listing
Architecture & DesignMCP servers
mermaid-mcp-server
MCP server that turns local projects or GitHub repositories into Mermaid diagrams and renders them via Kroki.
Community listing
Architecture & DesignMCP servers
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
Community listing
Architecture & DesignMCP servers
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.
Community listing