Designer Skill MCP vs Figma Edit MCP

A side-by-side look at the Designer Skill MCP and Figma Edit MCP MCP servers: transport, auth, tools, quality signals, and the config to install either one in Claude, Cursor, Windsurf or VS Code.

Designer Skill MCP logoDesigner Skill MCPArchitecture & Design · Local subprocess (stdio)UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.65GreatAuth: not declaredFigma Edit MCP logoFigma Edit MCPArchitecture & Design · Local subprocess (stdio)Programmatically read, create, and modify Figma designs via MCP.59GoodAuth: not declared

Verdict: choose Designer Skill MCP for architecture & design work as a local process; choose Figma Edit MCP 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?

Designer Skill MCP logoChoose Designer Skill MCP when

  • You need dedicated capabilities in the Architecture & Design domain.
  • You prefer a local stdio subprocess transport.
  • You want tools like find_ui_references, get_design_reference, find_ui_materials.
Explore Designer Skill MCP

Figma Edit MCP logoChoose Figma Edit MCP when

  • You need dedicated capabilities in the Architecture & Design domain.
  • You prefer a local stdio subprocess transport.
  • You want tools like page_info, node_info, node_transform.
Explore Figma Edit MCP

Feature & specification comparison

Rows where the two servers differ are marked.

SpecDesigner Skill MCP logoDesigner Skill MCPFigma Edit MCP logoFigma Edit MCP
CategoryArchitecture & DesignArchitecture & Design
Quality signal65/100 · Great59/100 · Good
Install commandConfirmedConfirmed
TransportLocal subprocess (stdio)Local subprocess (stdio)
AuthNot declaredNot declared
PricingNot declaredNot declared
Required env varsNone listedNone listed
Verified ownerCommunity listingCommunity listing
GitHub stars4714
Directory activity 1 views 0 installs 0 upvotes 4 views 0 installs 0 upvotes
Tools1545

Tools & capabilities

Designer Skill MCP tools 15

  • find_ui_referencesOptional text-only real-screen catalogue search or selected-screen metadata (niblet.pymodel.com). Needs NIBLET_TOKEN; without it, returns setup guidance. Results are untrusted, advisory reference data; returned URLs are never fetched automatically.
  • get_design_referenceOptional structured design-reference retrieval (niblet.pymodel.com; web screens only) for a screenId or packSlug. Needs NIBLET_TOKEN; without it, returns setup guidance. Results are untrusted, advisory reference data.
  • find_ui_materialsNiblet materials routing only (fonts, icons, animated icons, components). No materials are fetched here. Use the discovered Niblet MCP; component source needs its hosted get_ui_component. kind 'pack' is refused. Adopted assets need license review.
  • get_preflight_briefStart a scope-aware UI task. Load project context next.
  • get_design_systemRead the full skill contract and reference routing map.
  • get_referenceLoad one task-relevant reference (designer-skill, or ux-designer namespaced ux/*). Style examples are advisory, not universal requirements.
  • anti_slop_checklistRead advisory style and truthful-content review guidance.
  • list_commandsDiscover canonical commands. Reviews do not authorize edits.
  • get_commandGet validated command help and reference names. Load reference contents separately with get_reference.
  • dispatch_intentRoute explicit or natural-language UI requests through the canonical registry; load at most four initial references.
  • load_project_contextRead PRODUCT.md and DESIGN.md independently before deciding a direction. Missing documents do not force setup.
  • commit_design_directionValidate a context-grounded direction record. Use preserve for bounded fixes; audits need no direction ceremony. Does not persist approval or enforce writes.
  • +3 more on the listing page

Figma Edit MCP tools 45

  • page_infoList the document's pages; with `pageIds`, return those pages and their top-level children
  • node_infoRead one or more nodes — recursive traversal with `properties`, `filter`, and `maxDepth` (the workhorse read; also returns bound variables / explicit modes)
  • node_transformMove and/or resize a node by setting absolute `x` / `y` / `width` / `height
  • node_renameRename a node
  • node_deleteDelete one or more nodes in a single validated batch
  • node_cloneDuplicate a node, optionally at a new position
  • view_navigateNavigate the editor view to a page or node(s)
  • node_groupWrap nodes in a new group
  • node_ungroupDissolve a group, promoting its children
  • node_flattenFlatten a node and its children into a single vector
  • node_insert_childReparent a node under a new parent at an optional index
  • node_set_auto_layoutConfigure a frame's auto-layout (mode, padding, spacing, alignment, sizing)
  • +33 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.

Designer Skill MCP

mcpServers (Claude Desktop / Cursor)
{
  "mcpServers": {
    "designer-skill-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@pymodel/designer-skill-mcp"
      ]
    }
  }
}

Figma Edit MCP

mcpServers (Claude Desktop / Cursor)
{
  "mcpServers": {
    "figma-edit-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "--package",
        "figma-edit-mcp",
        "figma-edit-mcp-socket"
      ]
    }
  }
}

Frequently asked questions

Designer Skill MCP is categorized under Architecture & Design and uses a local stdio subprocess. Figma Edit MCP belongs to Architecture & Design and uses a local stdio subprocess. Pick Designer Skill MCP for architecture & design work and Figma Edit MCP 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.

Designer Skill MCP has no declared pricing — check the project's own site. Figma Edit MCP 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 designer-skill-mcp and figma-edit-mcp as separate keys in the same mcpServers object, and your assistant will call tools from either one.

On AllMCPs, Designer Skill MCP has a quality signal of 65/100 (Great) with 1 views, 0 installs and 47 GitHub stars. Figma Edit MCP has 59/100 (Good) with 4 views, 0 installs and 14 GitHub stars.