UI design MCP servers

A server here designs user interfaces: mockups, design systems, components or design review.

Not here: graphic design for marketing.

367servers
170 remote197 localTagged by Odel's AI, which can make mistakes

Best fit

271 made for this, ranked by starsRemoteLocal
  1. Random Design @yanislav-igonin/random-design-mcpGenerate randomized English Markdown frontend design directions from curated catalogs.3% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.
  2. DesignPin @opjhabuilds/designpin-mcp-serverPush HTML prototypes to DesignPin for team review and pull reviewer feedback into your AI.5% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.
  3. Japan UX @mrslbt/japan-uxJapanese UI + UX correctness for AI coding agents — typography, forms, keigo, JLReq checks.3% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.
  4. Swiftforge @jrlingyin888/swiftforgeCurated, current SwiftUI components (incl. iOS 26 Liquid Glass) for your AI coding agent.7% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.
  5. UI Design to Code @kinglions/ui-design-to-code-mcpDesign-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.4% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.
  6. Design Constraint Validator @cseperkepapp/design-constraint-validatorValidate design tokens for accessibility, scales, and design-system constraint consistency.2% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.
  7. Figma @pipeworx-io/figmaFigma MCP Pack8% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; no sign-in.
  8. Curio — design style library @designbycurio/curioA design-style library for AI agents: search real styles, fetch a ready-to-apply design spec.5% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; you sign in with your account.
  9. Opendesignguard @clauxel/opendesignguard-mcpPaid remote MCP for agent design system guard MCP, structured receipts, audit logs, and reviewer-rea8% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; it needs your API key.
  10. Shipswiftcomponents @clauxel/shipswiftcomponents-mcpA paid remote MCP for ShipSwift, built to return verdicts, receipts, usage logs, and audit-ready JSO9% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; it needs your API key.
  11. Flow2 @flow2/flow2Design mobile-first presentations — create, edit, preview, and publish from your AI.6% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; you sign in with your account.
  12. CatchUI @catchui/ui-patternsWhat is this UI element called? 50 curated UI patterns, names per platform, build prompts. EN/中文.3% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; no sign-in.
  13. Beamline UI @beamline/beamlineReact UI parts your agent copies into your repo as code you own: 200+ components, 50+ screens.6% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; you sign in with your account.
  14. UpFork @upfork/upforkSearch, view and install React + Tailwind CSS components and landing pages from UpFork.5% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; no sign-in.
  15. noslopUI @noslopui/noslopuiHand-crafted UI components and design systems for agents, so builds don't look like AI slop.8% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; it needs your API key.
  16. Siteprint examples @siteprint/examplesWebsite designs as DESIGN.md: real Siteprint exports of Linear, Stripe, Ramp and Cal.com.3% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; no sign-in.
  17. Brayer @usebrayer/brayerDesign mockups, device frames and launch graphics live in your open Brayer studio tab.6% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; you sign in with your account.
  18. Stage1 @aquex/stage1Stage1 Inspector — local website capture, evidence views and design comparison8% chance this is malicious. Assessed by AI, which can make mistakes.Runs on your machine, installed from npm.
  19. Tangent @tangent/tangentHand-picked design references, UI patterns and the people behind them, each with why it fits.2% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; no sign-in.
  20. Taste Profile @openkrill/tasteTurn the reference images you collect into a written design taste your assistant can follow.7% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; no sign-in.
  21. TheDesignAgent @thedesignagent/mcpA design agent in your coding agent's loop: briefs each screen, reviews UX and visual quality.5% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; no sign-in.
  22. Nova Cast @r4v3n-art/nova-castGive your AI agent the power to cast to your home TV and control an interactive canvas. By ArdaBot.Not assessed yet.A remote server; no sign-in.
  23. Mzizi @mzizi-dev/mzizi-mcpMzizi design system MCP: components, tokens, skills and docs. Free; sign-in only for Fundi.Not assessed yet.A remote server; no sign-in.
  24. Screenrove @screenrove/screenroveReal product UI captures (onboarding, pricing, in-app screens) with design guides for coding agents.3% chance this is malicious. Assessed by AI, which can make mistakes.A remote server; no sign-in.