Ux MCP Server vs Figwright
A side-by-side look at the Ux MCP Server and Figwright MCP servers: transport, auth, tools, quality signals, and the config to install either one in Claude, Cursor, Windsurf or VS Code.
Verdict: choose Ux MCP Server for architecture & design work as a local process; choose Figwright for architecture & design as a local process. You can also run both side by side in one mcpServers block.
Which MCP server should you choose?
Choose Ux MCP Server when
- You need dedicated capabilities in the Architecture & Design domain.
- You prefer a local stdio subprocess transport.
- You want tools like
analyze_accessibility, review_usability, suggest_pattern.
Choose Figwright when
- You need dedicated capabilities in the Architecture & Design domain.
- You prefer a local stdio subprocess transport.
- Its auth model fits you: No auth required.
- You want tools like
Read, Write, Grounding.
Feature & specification comparison
Rows where the two servers differ are marked.
| Spec | ||
|---|---|---|
| Category | Architecture & Design | Architecture & Design |
| Quality signal | 60/100 · Good | 69/100 · Great |
| Install command | Confirmed | Confirmed |
| Transport | Local subprocess (stdio) | Local subprocess (stdio) |
| Auth | Not declared | No auth required |
| Pricing | Not declared | Free |
| Required env vars | None listed | None listed |
| Verified owner | Community listing | Community listing |
| GitHub stars | 35 | 1,159 |
| Directory activity | 1 views 0 installs 0 upvotes | 6 views 0 installs 0 upvotes |
| Tools | 23 | 3 |
| Full listing | View Ux MCP Server | View Figwright |
Tools & capabilities
Ux MCP Server tools 23
analyze_accessibilityAnalyze HTML/JSX code for accessibility issues based on WCAG guidelines. Returns specific violations and suggestions.review_usabilityReview a UI description or code against Nielsen's usability heuristics. Provides ratings and specific recommendations.suggest_patternSuggest appropriate UI pattern for a given use case. Returns pattern details, best practices, and implementation guidance.generate_component_exampleGenerate framework-agnostic HTML/CSS example following UX best practices for a specific pattern.audit_design_systemAudit design system implementation for consistency with best practices. Checks tokens, naming, and structure.check_contrastCheck color contrast ratio for WCAG compliance. Supports hex, rgb, and named colors.check_responsiveAnalyze code for mobile-first principles and responsive design issues. Checks viewport meta, touch targets, and breakpoints.suggest_error_messageGet user-friendly error message suggestions for specific scenarios. Returns message, tone guidance, and accessibility considerations.analyze_performanceAnalyze code for performance issues and Core Web Vitals optimization. Checks resource loading, image optimization, and rendering performance.check_seoAnalyze HTML for SEO best practices. Checks meta tags, Open Graph, structured data, and technical SEO elements.suggest_animationSuggest appropriate animation for a UI interaction. Returns animation type, duration, easing, and implementation guidance.generate_color_paletteGenerate accessible color palette from a base color. Returns primary, secondary, neutral, and semantic colors with WCAG-compliant variations.- +11 more on the listing page
Figwright tools 3
Readselection, document and node inspection, styles, variables, components, fonts, prototype reactions and flows, motion (animation) state, screenshots, original image-fill assets, PDF export, and video export of animated frames (MP4 / GIF / WebM); plus `list_files` / `use_file` for working across more…Writecreate and edit frames, text, shapes (lines, polygons, stars, boolean operations, flattening), auto-layout, alignment and distribution, effects, images (as a new layer or into an existing layer's fill), styles, variables (including importing a team library's variables and styles, and switching a fr…Grounding`get_design_context` for faithful, de-duplicated design context, and `component_map` / `token_map` / `icon_map`, which join Figma data to your codebase so codegen reuses what you already have; plus `design_diff`, which reports what changed in a design against a saved baseline so you update only the…
Ready-to-paste client configs
Paste either block (or both) into your client config, e.g. claude_desktop_config.json or ~/.cursor/mcp.json. We only show a config when the install command is confirmed.
Ux MCP Server
{
"mcpServers": {
"ux-mcp-server": {
"command": "npx",
"args": [
"-y",
"@elsahafy/ux-mcp-server"
]
}
}
}
Figwright
{
"mcpServers": {
"awdr74100-figwright": {
"command": "npx",
"args": [
"-y",
"@figwright/mcp@latest"
]
}
}
}
Frequently asked questions
Ux MCP Server is categorized under Architecture & Design and uses a local stdio subprocess. Figwright belongs to Architecture & Design and uses a local stdio subprocess. Pick Ux MCP Server for architecture & design work and Figwright for architecture & design.
Copy the mcpServers block from the config section on this page into your client's config (for example claude_desktop_config.json or ~/.cursor/mcp.json), then fully restart the client.
Ux MCP Server has no declared pricing — check the project's own site. Figwright is listed as free. Auth: no auth required. If a server needs environment variables such as API keys, define them under the env key in your client's MCP config.
Yes. MCP clients support multiple servers: add ux-mcp-server and awdr74100-figwright as separate keys in the same mcpServers object, and your assistant will call tools from either one.
On AllMCPs, Ux MCP Server has a quality signal of 60/100 (Good) with 1 views, 0 installs and 35 GitHub stars. Figwright has 69/100 (Great) with 6 views, 0 installs and 1,159 GitHub stars.