A side-by-side look at the Figwright and Mozaic 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 Mozaic for architecture & design as a local process. You can also run both side by side in one mcpServers block.
Read, Write, Grounding.PORT, AUTH_TOKEN, DATABASE_PATH, MCP_SERVER_PATH, MCP_DEBUG.get_design_tokens, get_component_info, list_components.Rows where the two servers differ are marked.
| Spec | ||
|---|---|---|
| Category | Architecture & Design | Architecture & Design |
| Quality signal | 69/100 · Great | 53/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 | PORTAUTH_TOKENDATABASE_PATHMCP_SERVER_PATHMCP_DEBUG |
| Verified owner | Community listing | Community listing |
| GitHub stars | 1,122 | 4 |
| Directory activity | 6 views 0 installs 0 upvotes | 0 views 0 installs 0 upvotes |
| Tools | 3 | 19 |
| Full listing | View Figwright | View Mozaic |
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…get_design_tokensQuery tokens by category (colors, typography, spacing, etc.)get_component_infoGet component props, slots, events, and documentationlist_componentsList components by category or frameworkgenerate_vue_componentGenerate Vue 3 SFC code with propsgenerate_react_componentGenerate React/TSX code with TypeScriptgenerate_webcomponentGenerate native Web Component HTML with importsget_webcomponent_infoGet attributes, slots, events, CSS propertieslist_webcomponentsList web components by categorygenerate_freemarkerGenerate Freemarker macro code with configurationget_freemarker_infoGet macro configuration options and usagelist_freemarkerList Freemarker macros by categorysearch_documentationFull-text search across 309 documentation pagesPaste 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.
{
"mcpServers": {
"awdr74100-figwright": {
"command": "npx",
"args": [
"-y",
"@figwright/mcp@latest"
]
}
}
}
{
"mcpServers": {
"mozaic": {
"command": "npx",
"args": [
"-y",
"mozaic-mcp-server@2"
],
"env": {
"PORT": "YOUR_PORT_HERE",
"AUTH_TOKEN": "YOUR_AUTH_TOKEN_HERE",
"DATABASE_PATH": "YOUR_DATABASE_PATH_HERE",
"MCP_SERVER_PATH": "YOUR_MCP_SERVER_PATH_HERE",
"MCP_DEBUG": "YOUR_MCP_DEBUG_HERE"
}
}
}
}