Skip to main content
Glama
wenym8

figmingo-mcp

by wenym8

get_html_replica_spec

Extract a detailed spec from Figma files with computed typography, colors, gradients, and asset manifests to build HTML replicas.

Instructions

Build a replica-optimized spec from a Figma file/node: sections/elements with absolute rects, computed typography (family/style/size/letter-spacing/line-height/text-case), hex+alpha colors, gradient data, and an asset manifest (icons→svg, image fills→urls, logo hints). Output schema matches verify_html_parity input.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
urlNoFull figma.com URL (design/file/proto). node-id query param is honored.
depthNo
inlineNoReturn the full spec inline (can be large). Default: return summary + path.
nodeIdNoNode id, "1:2" or "1-2" form. Overrides node-id in url.
fileKeyNoFigma file key (from the file URL). Provide either fileKey or url.
outPathNoWhere to write the spec JSON (default ~/.figmingo/replica/<fileKey>-<node>.spec.json).
iconPatternNoRegex for icon asset hints on node names.
logoPatternNoRegex for logo asset hints (default /logo/i on node names).
sectionsModeNoauto = child containers become sections; self = whole node is one section.auto
includeAssetsNo
downloadAssetsNoDownload asset bytes and add localPath to manifest entries.
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description carries full burden. It describes output contents but omits behavioral traits like rate limits, authentication requirements, or size constraints. Lacks insight into default behavior (summary vs inline) implications.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single, well-structured sentence that front-loads the main action and output components. No superfluous text, but could be slightly more detailed.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

With 11 parameters, no output schema, and no annotations, the description provides adequate but not complete context. It mentions output schema matches another tool but doesn't elaborate on return structure or edge cases.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is high (82%), so baseline is 3. The description adds no significant parameter instructions beyond the schema. Two parameters (depth, outPath) lack descriptions in schema, but description doesn't compensate.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool builds a replica-optimized spec from Figma, listing specific output elements (rects, typography, colors, etc.). It distinguishes from siblings by focusing on spec generation for parity verification.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description does not provide guidance on when to use this tool vs alternatives like get_design_context or get_variable_defs. No when-to-use or when-not-to-use context is given.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Install Server

Other Tools

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/wenym8/figmingo-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server