可以让 AI 基于HTML直接进行原型设计的 MCP 工具，即使没有 figma、axure也可以快速构建软件原型。
The MCP tool that allows AI to directly create prototypes based on HTML enables rapid construction of software prototypes even without Figma or Axure.
Directory
Search MCP Servers
Design Context Bridge
design-context-bridge is an MCP server that turns any AI agent into a frontend developer who can actually read a Figma file — not guess from a screenshot. When…
.github
A Model Context Protocol (MCP) server that provides comprehensive information about React design systems, along with code generation capabilities for common UI…
Ahammedshaik
<p align="center"> <img width="395" alt="prompts.chat" src="https://github.com/user-attachments/assets/e0d0e32d-d2ce-4459-9f37-e951d9f4f5de" /> </p> <h3…
Decantr Mcp Server
# Decantr **AI Frontend Governance for production codebases touched by AI agents.** Decantr is the governance layer between product intent and AI-edited…
zaklad
A platform for building design systems. This MCP server lets you create, manage and read your own design system with AI: build and edit design tokens, themes…
Mimic Ai
Transforms HTML into Figma using only your design system, enforcing correct component usage and falling back safely when needed, while improving accuracy with…
Figma → Vue Design System
A Vue 3 component library with automated design token synchronization from Figma.
Easyaiflows Automation Assessment
Assess your business's AI automation readiness across 20 industries. Get a personalized score, specific automation recommendations, and time/revenue impact…
Vibe Design System
🎨 Vibe Design System - Official monday.com UI resources for application development in React.js
Human Design (gethumandesign)
Calculate Human Design bodygraph charts from birth data, save people, compare charts, and analyse group dynamics — in any MCP client. Hosted remote server…
Spec-Driven Development MCP Server
Spec-Driven Development MCP Server, no just Vibe Coding
TalkToFigma
TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and…
Figma
Interact with Figma files to view, comment on, and analyze designs.
Context Pipe
# ⛓️ Context-Pipe **The Universal Standard for Context Engineering.** [](htt…
Talk to Figma MCP
A server for integrating with Figma, allowing you to interact with your design files.
Figma MCP Server
Enables AI assistants to interact with Figma via WebSocket for reading data and design analysis.
HQ Pool Services Website
Test w/ Figma MCP server to generate a pool services page
Excalidraw Architect Mcp
# Excalidraw Architect MCP <!-- mcp-name: io.github.BV-Venky/excalidraw-architect-mcp --> [](http…
MCP Browser Automation
MCP browser automation server. Exposes browser control tools to external AI systems via Model Context Protocol. Open-source & secure.
Browser Use MCP
# MCP Browser Automation with Ollama A powerful browser automation system that enables AI agents to control web browsers through the Model Context Protocol…
Memi
Agent design CI with four installable skills and 47 MCP tools for frontend audits, design-system memory, Tailwind, shadcn, Figma, accessibility, and spec-first…
Usercall MCP
MCP server that lets AI agents run real user interviews and retrieve themes and quotes.
MCP Design System Extractor
MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with…