Figwright vs UI Design to Code
A side-by-side look at the Figwright and UI Design to Code MCP servers: transport, auth, tools, quality signals, and the config to install either one in Claude, Cursor, Windsurf or VS Code.
Verdict: choose Figwright for architecture & design work as a local process; choose UI Design to Code 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 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.
Choose UI Design to Code when
- You need dedicated capabilities in the Architecture & Design domain.
- You prefer a local stdio subprocess transport.
- You want tools like
get_run_modes, create_design_run, ingest_image_source.
Feature & specification comparison
Rows where the two servers differ are marked.
| Spec | ||
|---|---|---|
| Category | Architecture & Design | Architecture & Design |
| Quality signal | 69/100 · Great | 52/100 · Good |
| Install command | Confirmed | Confirmed |
| Transport | Local subprocess (stdio) | Local subprocess (stdio) |
| Auth | No auth required | Not declared |
| Pricing | Free | Not declared |
| Required env vars | None listed | None listed |
| Verified owner | Community listing | Community listing |
| GitHub stars | 1,046 | 0 |
| Directory activity | 6 views 0 installs 0 upvotes | 0 views 0 installs 0 upvotes |
| Tools | 3 | 14 |
| Full listing | View Figwright | View UI Design to Code |
Tools & capabilities
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, auto-layout, 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 frame to a mode such as Dark), components (including authoring their boolean/text/insta…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…
UI Design to Code tools 14
get_run_modesReturns supported modes, target platforms, trigger examples, and the mode-selection prompt.create_design_runCreates the run directory and `artifact-run-manifest.json`.ingest_image_sourceRegisters a screenshot or image into:ingest_figma_sourceRegisters Figma MCP node JSON, an optional screenshot, or both.slice_image_assetsCrops bitmap/icon assets from a source image using a `layers.manifest.json` with `source_bbox` entries.build_reference_analysisRegisters model-generated Reference Image Analysis before Vision IR. This captures the original pixel size, root frame, semantic top-level groups, text/media/icon/material inventory, bottom navigation, strict extraction settings, high-risk zones, and the audit plan used for later decoding.build_semantic_irRegisters model-generated Platform-neutral Semantic UI IR.build_cross_platform_nodesRegisters Cross-platform Node Data.build_target_irRegisters target-platform layout IR for a selected target.run_codegenRecords implementation output and validation summary without enforcing visual review.run_codegen_with_auto_reviewRecords implementation output plus visual review evidence.validate_pipelineValidates an existing run by checking required artifacts and traceability links between vision, compression, semantic, cross-platform, and target planning artifacts.- +2 more on the listing page
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.
Figwright
{
"mcpServers": {
"awdr74100-figwright": {
"command": "npx",
"args": [
"-y",
"@figwright/mcp@latest"
]
}
}
}
UI Design to Code
{
"mcpServers": {
"ui-design-to-code": {
"command": "npx",
"args": [
"-y",
"ui-design-to-code-mcp@latest"
]
}
}
}
Frequently asked questions
Figwright is categorized under Architecture & Design and uses a local stdio subprocess. UI Design to Code belongs to Architecture & Design and uses a local stdio subprocess. Pick Figwright for architecture & design work and UI Design to Code 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.
Figwright is listed as free. Auth: no auth required. UI Design to Code has no declared pricing — check the project's own site. 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 awdr74100-figwright and ui-design-to-code as separate keys in the same mcpServers object, and your assistant will call tools from either one.
On AllMCPs, Figwright has a quality signal of 69/100 (Great) with 6 views, 0 installs and 1,046 GitHub stars. UI Design to Code has 52/100 (Good) with 0 views, 0 installs and 0 GitHub stars.