Skip to main content
Glama
Blyawon

tokensStudioMCP

by Blyawon

get_design_context

Retrieve a structured markdown tree of a Figma node with all design properties and Tokens Studio token references to generate code using design tokens.

Instructions

THE tool for building code from a Figma design — replaces the need for a separate Figma MCP. Returns a compact markdown tree of a node/subtree carrying everything needed to rebuild it: auto-layout (direction, gap, padding, alignment, hug/fill sizing), constraints, fills/strokes/gradients with resolved hex colors, stroke weight, corner radius, effects (shadows/blur), opacity, blend mode, typography (family, weight, size, line-height, tracking), text content, component/instance relationships + variant props — AND the Tokens Studio tokens applied to each node, so generated code can use design-token variables instead of hard-coded values. One line per node; defaults omitted.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
urlNo
depthNoFigma REST fetch depth (subtree levels).
nodeIdNo
fileKeyNo
maxDepthNoMax rendered tree depth. Default 12.
withTokensNo
withPositionNoInclude x,y per node (relative to root). Default true.
Behavior4/5

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

Despite lacking annotations, the description is highly transparent about the tool's behavior, detailing exactly what the returned markdown tree contains: auto-layout, colors, gradients, effects, typography, tokens, etc. It also notes that defaults are omitted and it's one line per node. However, it does not discuss error handling, permissions, or rate limits.

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, dense sentence that front-loads the purpose. It efficiently packs a long list of features into a readable format using dashes and commas. While verbose due to the extensive feature list, it remains well-structured and avoids redundancy.

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

Completeness4/5

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

Given the absence of an output schema, the description compensates thoroughly by enumerating every design property returned. It covers complexity well but lacks input parameter explanations and usage constraints. Overall, it provides sufficient context for an agent to understand what the tool delivers.

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

Parameters2/5

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

With only 43% schema description coverage, the description adds no additional meaning over the schema's parameter descriptions. It does not explain parameters like url, nodeId, fileKey, or withTokens, which are left to the schema's minimal or missing descriptions. The description focuses entirely on output, not input.

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 this tool is for building code from a Figma design, positioning it as the primary tool and distinguishing it from a separate Figma MCP. It details a comprehensive set of design properties it returns, making its purpose specific and well-defined.

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 claims it's 'THE tool' for code generation but provides no explicit guidance on when to use this tool vs siblings like inspect_node, get_canvas_tree, or analyze_design. No when-not-to-use scenarios or alternatives are mentioned, leaving the agent to infer appropriate contexts.

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/Blyawon/tokensStudioMCP'

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